<<set $tentativasVerificacao = $tentativasVerificacao or 0>> <div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 1px 0 1px;">
SUMÁRIO </div>
<div style="text-align:center; line-height:1.7;"> Embarque conosco em uma aventura metade livro metade jogo onde ''VOCÊ'' é protagonista! A cada página você terá que tomar decisões que levam à diferentes caminhos pelo fantástico universo das pesquisas científicas de uma das melhores universidades do mundo! Será que você será capaz de buscar os conhecimentos necessários para resolver todos os enigmas?
Se essa é sua primeira vez neste jogo, siga DIRETAMENTE para
<b>[[PRÓLOGO->PRÓLOGO]]</b>
Caso já tenha jogado, relembre as instruções
<<link "<b>COMO JOGAR</b>">>
<<run Dialog.setup("🔎 Verificação rápida")>>
<<run Dialog.wiki(`
<div class="box"> <b>Antes de seguir, responda:</b>
Durante sua jornada anterior, você descobriu que o gás hidrogênio (H₂) pode ser produzido por meio da eletrólise da água utilizando fontes de energia renovável. Esse tipo de hidrogênio recebe uma classificação baseada em uma cor.
Qual é o nome dado a esse hidrogênio produzido de forma sustentável?
<<textbox "$respostaH2" "">>
<div id="contadorTentativas" style="margin-top:10px;">
Tentativas usadas: <<print $tentativasVerificacao>> de 3
</div> <div style="margin-top:12px;"> <<button "VERIFICAR RESPOSTA">> <<set $tentativasVerificacao += 1>> <<replace "#contadorTentativas">>Tentativas usadas: <<print $tentativasVerificacao>> de 3<</replace>> <<if $respostaH2.toLowerCase().trim() is "hidrogenio verde" or $respostaH2.toLowerCase().trim() is "hidrogênio verde" or $respostaH2.toLowerCase().trim() is "verde" >>
<<set $tentativasVerificacao = 0>> <<run Dialog.close()>> <<goto "COMO JOGAR">> <<elseif $tentativasVerificacao >= 3>> <<set $tentativasVerificacao = 0>> <<run Dialog.close()>> <<goto "PRÓLOGO">> <<else>> <<replace "#msgVerificacao">>
<b>❌ Resposta incorreta.</b> Tente novamente. Você ainda tem tentativas disponíveis.
<</replace>>
<</if>>
<</button>>
</div>
<div id="msgVerificacao" style="margin-top:12px;"></div>
</div>
`)>>
<<run Dialog.open()>>
<</link>><<set $mapaUnlocked = true>>
<<run UIBar.update()>>
<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;">
SUA MISSÃO
</div>
''O objetivo principal dessa experiência é encontrar a solução para os desafios que sua escola enfrenta. Você encontrará as respostas através da parceria com o Centro de Pesquisa em Química Sustentável, o CeRSusChem.''
✓ Ao longo do livro, você terá acesso a pistas por meio de atividades e dilemas inspirados em situações reais enfrentadas por pesquisadores em seus projetos e pesquisas do CERSusChem.
✓ Conceitos, dificuldades e decisões científicas do cotidiano da pesquisa foram transformados em experiências interativas, permitindo que você explore como a ciência acontece na prática.
✓ Use seus conhecimentos, pensamento investigativo e criatividade para analisar informações, tomar decisões e avançar em sua jornada. Ao longo do caminho, você assume o papel de um pesquisador em formação, participando ativamente do CERSusChem.
✓ Use o mapa disponiblizado para guiar-se nos espaços do jogo.
<i>(Ele ficará disponível para consulta durante toda sua jornada no menu)</i>
<img
src="https://i.imgur.com/VYdXCcv.png"
class="mapa-img"
alt="mapa do jogo"
style="width: 700px; max-width: 600%; height: auto; display: block; margin: 12px auto;"
> <<set $lib.mapa = true>>
Para receber novas orientações, você deve encontrar o melhor caminho para o LENAQ
[[Usar o mapa ->CAPÍTULO 1]]<<set $regrasUnlocked = true>> <<run UIBar.update()>>
<div style="font-style: italic; color:#0b5a33; margin: 10px 0 16px; padding-left:12px; border-left:4px solid rgba(11,90,51,0.35);"> “Boas-vindas ao livro-jogo "A química é Verde! Um livro-jogo educativo sobre catálise e as fontes renováveis de energia para o Ensino Médio" </div>
Para uma melhor experiência, antes de iniciar, leia atentamente as regras!
<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;">
REGRAS DO LIVRO-JOGO
</div>
1. Suas escolhas têm consequências: este livro não segue uma ordem linear — cada decisão levará você a um caminho diferente.
2. Não pule páginas e atividades. Avance apenas quando for indicado, ou você pode acabar preso(a) em um ambiente sem os itens necessários para continuar.
3. Em alguns lugares, será preciso coletar itens ou realizar atividades para avançar para a próxima fase.
Dica: mantenha sua ficha sempre atualizada — os itens coletados poderão ser exigidos nos desafios finais.
4. Trabalhe como um cientista: nem sempre o caminho mais rápido é o melhor.
5. Divirta-se!
<b> [[Continuar ->MAPA]] </b>
<<set $principiosUnlocked = true>> <div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;"> QUÍMICA VERDE </div>
Definida como <i>''a criação, o desenvolvimento e a aplicação de produtos e processos químicos capazes de reduzir ou eliminar o uso e a geração de substâncias nocivas à saúde humana e ao ambiente.'' </i>
Essa área se apoia em 12 princípios, que servem como diretrizes para projetar sistemas químicos mais seguros, eficientes e sustentáveis:
<img src="https://i.imgur.com/RceKRBE.png"
class="img-texto"
alt="imagem">
A química ocupa um papel fundamental na construção de tecnologias, materiais e soluções para desafios ambientais, energéticos e sociais. Diante disso, a Química Verde não é apenas um conjunto de recomendações, mas surge como uma alternativa para o aumento da segurança, desempenho e eficiência dos produtos e processos - no seu nível mais fundamental (o molecular). Trata-se, portanto, de uma ferramenta poderosa, cada vez mais necessária em direção a práticas sustentáveis, que associem prosperidade econômica à responsabilidade social e ambiental.
É nesse contexto que esse livro-jogo está inserido
<b>[[CONTINUAR ->CAPÍTULO 0]] </b><div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 4px 0 14px;">
INTRODUÇÃO
</div>
Seguindo a localização enviada no convite, você chega ao prédio do Departamento de Química (DQ) da UFSCar, no campus de São Carlos.
<img src="https://i.imgur.com/81NH2To.jpeg" class="img-texto" alt="imagem" style="width:700px;">
É ali que parte importante da sua missão poderá começar a ser respondida.
Reconhecido pela excelência em ensino, pesquisa e extensão, o DQ reúne laboratórios, pesquisadores e projetos que investigam caminhos mais sustentáveis para a Química.
Agora, mais do que uma visita, essa entrada representa o início de uma investigação!
Você precisa de novas orientações para começar.
''<<linkreplace "Ir até a porta principal">>''
<video class="img-texto" autoplay muted loop
playsinline
style="width: 670px; height: auto;">
<source src="https://i.imgur.com/2U3gDHh.mp4" type="video/mp4">
Seu navegador não suporta vídeo.
</video>
Diante das escadas, por onde você prefere continuar?
<b> [[Descer para o térreo ->A3a]] </b>
<b> [[Subir para 1º andar ->A3b]] </b>
<</linkreplace>>Com auxílio do mapa, você logo chega ao Edifício Eduardo Neves, onde fica localizado o Laboratório de Ensino e Aprendizagem em Química, o Lenaq.
<img src="https://i.imgur.com/VFd8bwl.png"
class="midia-direita"
alt="LENAQ">
Você percebe que uma pessoa está aguardando sua chegada
— Bem-vindo ao Lenaq! Fico feliz em saber que você aceitou o convite para ajudar sua escola através da Química Verde
— Muito prazer! Eu sou o Professor Torres e serei seu primeiro guia neste importante passo da sua trajetória.
<<linkreplace "''Entrar no prédio''">>
Você acompanha o professor Torres pelo Lenaq, onde ele comunica algumas informações importantes.
— Antes de iniciarmos nas atividades experimentais e investigativas, precisamos garantir que você esteja seguro para realizá-las.
<b>[[Descer para o térreo ->CAPÍTULO 2]]</b>
<</linkreplace>>
— A regra primordial dentro de um laboratório é: Segurança em primeiro lugar! Um bom pesquisador não é aquele que corre riscos desnecessários, mas quem sabe preveni-los.
<video
class="img-texto"
autoplay
muted
loop
playsinline
style="width: 500px; height: auto;">
<source src="https://i.imgur.com/V37AaHg.mp4" type="video/mp4">
Seu navegador não suporta vídeo.
</video>
<<linkreplace "''Seguir andando''">>
<<include "B2a">>
<</linkreplace>>
— Além das normas de segurança, você contará com uma ferramenta essencial: seu ''INVENTÁRIO.''
''<i> ✓ O Inventário estará disponível no menu lateral durante toda a jornada. </i>''
— Nele, serão registrados os itens, pistas e informações importantes desbloqueados nos laboratórios do CerSusChem.
— Cada novo item desbloqueado representa um avanço em sua jornada de aprendizado. Por isso, você deve atentar-se aos itens obrigatórios que precisam ser coletados antes de entrar no CerSusChem.
Observe-o, agora. Você já possui todos os itens obrigatórios desbloqueados?
''[[Não ->CAPÍTULO 7]]''
''<<link "Sim">>''
<<if $passouB7>>
<<goto "PortaoC1_DepoisDoB7">>
<<else>>
<<run showExp("⛔ Acesso negado", `
<div class="box">
<p><b>Você ainda não possui todos os itens obrigatórios.</b></p>
<p>Antes de entrar nos laboratórios do CerSusChem, conclua a etapa de EPIs e Inventário.</p>
<<button "RETORNAR">>
<<run Dialog.close()>>
<<goto "CAPÍTULO 7">>
<</button>>
</div>
`)>>
<</if>>
<</link>>Você está prestes a entrar em um centro de pesquisa onde ciência e responsabilidade social caminham juntas. Antes de visitar os laboratórios, é preciso compreender por que a Química Verde importa não só para os cientistas, mas para toda a sociedade…
Em 2015, as Nações Unidas estabeleceram os Objetivos de Desenvolvimento Sustentável (ODS) — uma agenda que engloba 17 grandes desafios globais, como erradicação da pobreza, saúde, água potável, energia limpa, inovação industrial e ação climática, com o objetivo de alcançar um futuro mais justo e sustentável até 2030.
<img src="https://i.imgur.com/Fi1Tk71.jpeg"
class="img-texto"
alt="ODS">
A Química desempenha um papel essencial na conquista desses objetivos. Como ciência central, ela está envolvida em tecnologia, produção industrial, saúde humana e proteção ambiental. Ao aplicar princípios de Química Verde e práticas sustentáveis, os químicos podem contribuir diretamente para várias metas dos ODS, ajudando a transformar desafios globais em oportunidades de inovação.
<<linkreplace "Continuar">>
A próxima etapa da sua jornada será de extrema importância para visitar os laboratórios e avançar em sua missão: ''aprofundar seus conhecimentos em 2 princípios da Química Verde que estão fortemente presentes nos projetos de pesquisa desenvolvidos no CerSusChem.''
<i>Lembre-se: a realização da atividade corretamente garante um item obrigatório da sua ficha!</i>
Por onde escolhe continuar?
<<set $ok_B4 = true>> <<set $veioDoB7 = false>>
<<if !$ok_B5>>''[[1->CAPÍTULO 5]]''<</if>>
<<if !$ok_B6>>''[[2 ->CAPÍTULO 6]]''<</if>>
<<if $ok_B5 and $ok_B6>>[[Ir para C1->PortaoC1]]<</if>>
<</linkreplace>>
Agora você passa a investigar como a Química contribui, de forma concreta, para o avanço dos Objetivos de Desenvolvimento Sustentável.
Você seguirá seu caminho através do estudo da catálise.
O ''9º Princípio da Química Verde - Catálise'' enfatiza que o uso de catalisadores é preferível ao uso de reagentes estequiométricos, sempre que possível. Isso ocorre porque os catalisadores aceleram reações químicas sem serem consumidos, possibilitando que uma mesma transformação ocorra com:
<div style="text-align:center; margin:12px auto; line-height:1.4;">
→ menor gasto de energia;
→ menor quantidade de reagentes;
→ menor geração de resíduos;
→ menor risco à saúde humana e ao ambiente. </div>
A catálise está no centro de muitos dos principais avanços da química moderna, especialmente na química industrial, permitindo que processos sejam mais eficientes, econômicos e ambientalmente responsáveis.
Grande parte dos produtos que fazem parte do nosso cotidiano dependem de processos catalíticos para serem produzidos:
<img
src="https://i.imgur.com/BKSB7cu.png"
alt="imagem da atividade"
style="width: 500px; max-width: 100%; height: auto; display: block; margin: 12px auto; border-radius: 12px;"
>
Dessa forma, a catálise deixa de ser apenas um conceito químico e passa a representar uma estratégia essencial para tornar a ciência e a indústria mais sustentáveis, conectando a química verde diretamente aos desafios globais expressos nos Objetivos de Desenvolvimento Sustentável.
[[Continue ->B5A]]
<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;">
EPIs E INVENTÁRIO
</div>
Ao consultar seu inventário, você percebe que ainda faltam alguns itens obrigatórios. Sem eles, a entrada nos laboratórios de pesquisa continua bloqueada. Não é à toa: em praticamente todos os corredores do DQ e do LENAQ, o mesmo aviso aparece fixado nas portas:
<div style="text-align:center;">''ENTRADA PERMITIDA SOMENTE COM OS EPIs ADEQUADOS''</div>
<img src="https://i.imgur.com/MsgncLY.png" alt="atividade" style="max-width:100%; height:auto; display:block; margin:12px auto; border-radius:12px;">
Para seguir sua missão principal, você conversa com o Prof. Torres para descobrir como obter o que falta.
— Posso te ajudar com isso, sem problemas!
Alguns desses itens podem ser encontrados aqui mesmo no laboratório, basta dar uma olhadinha com atenção.
<button id="abrirGenially">Procurar itens obrigatórios</button>
<div id="saidaDepoisAtividade" style="margin-top:20px;"></div>
<div id="modalGenially" style="display:none;">
<div id="fundoGenially"></div>
<div id="wrapGenially">
<button id="fecharGenially">Fechar atividade</button>
<div id="caixaProporcional">
<iframe
id="iframeGenially"
src="https://view.genially.com/69bc0907288468593866f500"
allowfullscreen
></iframe>
</div>
</div>
</div>
<style>
#modalGenially{
position: fixed;
inset: 0;
z-index: 99999;
}
#fundoGenially{
position: absolute;
inset: 0;
background: rgba(0,0,0,0.7);
}
#wrapGenially{
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
}
#caixaProporcional{
position: relative;
width: min(96vw, 160vh);
aspect-ratio: 16 / 9;
background: #fff;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.35);
}
#iframeGenially{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: none;
display: block;
}
#fecharGenially{
position: absolute;
top: 20px;
right: 20px;
z-index: 100000;
border: none;
border-radius: 10px;
padding: 10px 16px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
background: white;
color: #333;
}
.okbox{
margin-top: 10px;
padding: 14px;
background: #eef8ee;
border-left: 5px solid #2e8b57;
border-radius: 8px;
}
</style>
<script>
(function () {
const abrir = document.getElementById("abrirGenially");
const fechar = document.getElementById("fecharGenially");
const modal = document.getElementById("modalGenially");
const fundo = document.getElementById("fundoGenially");
const saida = document.getElementById("saidaDepoisAtividade");
if (!abrir || !fechar || !modal || !fundo || !saida) {
return;
}
const vars = SugarCube.State.variables;
function atualizarInventarioLateral() {
if (typeof UIBar !== "undefined" && UIBar.update) {
UIBar.update();
}
}
function adicionarItensAoInventario() {
vars.inv_jaleco = true;
vars.inv_pinca = true;
vars.inv_ph = true;
vars.ok_B7 = true;
vars.atividade1Liberada = true;
vars.passouB7 = true;
atualizarInventarioLateral();
}
function mostrarSaida() {
saida.innerHTML = "";
$(saida).wiki(
'<div class="okbox">' +
'<p><b>✅ Os itens foram adicionados ao inventário.</b></p>' +
'<p>🥼 Jaleco, 🔧 Pinça e 🧪 Indicador de pH.</p>' +
'<p>Agora, você já pode decidir qual caminho seguir.</p>' +
'<p>[[Ainda faltam itens obrigatório ->CAPÍTULO 4]]</p>' +
'<p>[[Já tenho todos os itens desbloqueados ->PortaoC1_DepoisDoB7]]</p>' +
'</div>'
);
}
function fecharAtividade() {
modal.style.display = "none";
adicionarItensAoInventario();
mostrarSaida();
setTimeout(function () {
atualizarInventarioLateral();
}, 100);
}
if (vars.atividade1Liberada) {
adicionarItensAoInventario();
mostrarSaida();
}
abrir.onclick = function () {
modal.style.display = "block";
};
fechar.onclick = function () {
fecharAtividade();
};
fundo.onclick = function () {
fecharAtividade();
};
})();
</script>Você avança em sua jornada pelo DQ e começa a observar com mais atenção o funcionamento de alguns laboratórios.
Aos poucos, você percebe que os laboratórios de pesquisa não funcionam apenas como um lugar de experimentos, mas como um espaço que exige organização, planejamento, segurança e responsabilidade em cada etapa do trabalho.
Outra coisa chama sua atenção. À sua direita tem um grande banner colado na parede
Você quer:
[[Se aproximar ->B6a]]
[[Seguir andando ->B6b]]
Finalmente! Agora você está apto a entrar no CeRSusChem como um Jovem Pesquisador!
<<linkreplace "''Ver seu crachá''">>> <div style="margin-top:20px; text-align:center;"> <img src="https://i.imgur.com/OUsE6JN.png" alt="imagem" style="width:90%; max-width:380px; height:auto; display:block; margin:0 auto;"></div> <div style="margin-top:20px; text-align:center;">
<<linkreplace "Colocar crachá">> <div style="text-align:justify; line-height:1.8; max-width:900px; margin:20px auto 0 auto;">
Quando tudo parecia pronto para finalmente entrar nos laboratórios e resolver sua missão, uma pesquisadora do DQ te aborda e pergunta:
— Olá! Sou a profa. Luciana Z! E estou vendo que você está todo equipado para entrar nos laboratórios de pesquisa…
— Mas, tem mais uma coisinha, você já sabe o que é uma pesquisa científica?
''[[Sim! Já sou expert no assunto->C1]]''
''[[Não conheço, mas sei quem é->C1]]''
</div>
<</linkreplace>>
</div>
<</linkreplace>><<if $fezD1>> <<set $fezD = true>> <<if not $itemMembrana>>
Você desperta lentamente da simulação. O salão do LSPN volta a aparecer ao seu redor, com suas bancadas, frascos e equipamentos.
A professora observa sua expressão e sorri.
— Você tomou decisões importantes durante a simulação. Percebeu que uma rota química não depende apenas de produzir algo, mas também de controlar resíduos, energia, rendimento e sustentabilidade.
Ela entrega a você um pequeno componente cuidadosamente protegido.
— Este material representa uma tecnologia essencial para separar, purificar e controlar processos químicos com mais eficiência. Leve-o com você. Ele poderá ser importante em um futuro próximo
<<set $itemMembrana = true>>
💧''Novo item: Membrana de Purificação''
<<else>>
Você já concluiu as atividades do LSPN e a membrana de purificação foi adicionada ao seu inventário.
<</if>>
''Agora escolha o próximo laboratório:''
<<if not $fezE>>
[[Ir para LIEC->E - LIEC]]
<</if>>
<<if not $fezF>>
[[Ir para NANOBIO->F - LABIVO (ivo)]]
<</if>>
<<if $fezE and $fezF>>
[[Visitei todos os laboratórios->G - DESAFIO FINAL]]
<</if>>
<<else>>
Você chega ao Laboratório de Síntese de Produtos Naturais (LSPN), onde quem te recepciona é uma mulher com cabelos castanhos levemente ondulados e um sorriso acolhedor. Seu olhar atento demonstra anos de dedicação à ciência, transmitindo experiência e confiança desde o primeiro encontro.
— Olá, jovem cientista! Boas-vindas ao LSPN!
<<linkreplace "Entrar no LSPN">>
— Sou a Professora Regina e aqui estudamos como construir novas moléculas, um processo chamado síntese orgânica. Essas moléculas podem ser utilizadas no desenvolvimento de medicamentos, materiais e outras tecnologias importantes para o nosso dia a dia.
Ela aponta para alguns pesquisadores trabalhando.
— Também buscamos formas de tornar esses processos mais sustentáveis. Por isso, pesquisamos métodos que consumam menos energia, gerem menos resíduos e utilizem recursos de maneira mais eficiente. Tudo seguindo os Princípios da Química Verde.
— Outra área importante de pesquisa é a busca por substâncias que possam ser utilizadas no desenvolvimento de novos medicamentos. Para isso, estudamos compostos encontrados na natureza e criamos novas moléculas inspiradas neles, avaliando suas possíveis aplicações.
A professora para diante de uma tela interativa.
— Mas hoje você não será apenas visitante. Para compreender como as decisões tomadas por cientistas podem impactar o meio ambiente, a economia e a sociedade, você participará de uma simulação desenvolvida pelo nosso laboratório.
A tela se ilumina.
— Durante essa experiência, você enfrentará desafios inspirados em problemas reais da ciência. Suas escolhas influenciarão o consumo de recursos, a geração de resíduos e a sustentabilidade das soluções propostas.
— Podemos começar?
<<linkreplace "Sim">>
Em poucos instantes, o laboratório desaparece ao seu redor e você se vê diante de uma pequena comunidade cercada por plantações e banhada pela luz do sol.
Você acaba de entrar na Vila do Sol.
[[Começar simulação->D1]]
<</linkreplace>>
<</linkreplace>>
<</if>>Você chega em frente à porta principal do LabIvo e, estranhamente, tem a impressão de estar diante de algo totalmente diferente de tudo o que já viu antes.
<<linkreplace "Empurrar a porta principal e entrar">>
Você entra e... parece que aqui o ar é quente e carregado por aromas difíceis de identificar. Há algo que lembra metal aquecido ou talvez algum solvente.
Grandes janelas permitem a entrada da luz natural, que ilumina todo o espaço. Os raios de sol se refletem nos inúmeros recipientes de vidro distribuídos pelas bancadas, criando brilhos e reflexos pelas superfícies ao redor.
Entre os frascos, você observa soluções transparentes, líquidos de cores intensas, pós coloridos e pequenos materiais metálicos brilhantes. Em algumas estações de trabalho, certas substâncias parecem mudar de aparência quando expostas às diferentes iluminações dos equipamentos, chamando sua atenção para os fenômenos que acontecem diante dos seus olhos.
Tudo ali desperta uma estranha impressão, como se você tivesse viajado para outra época, quando os segredos da matéria ainda eram cercados de fascínio e as descobertas pareciam guardar algo de misterioso.
Enquanto tenta absorver tantos detalhes ao mesmo tempo, você ouve uma conversa vinda dos fundos do laboratório. Ao olhar naquela direção, percebe uma sala onde há várias pessoas aglomeradas.
Você se interessa e decide se aproximar.
[[Seguir até a sala dos fundos ->F0]]
<</linkreplace>>
<div style="margin:18px 0; padding:20px; border-radius:12px; background:#eef8ee; border:2px solid #4b6f4b; line-height:1.6; text-align:center;">
<div style="font-size:1.5em; font-weight:bold; color:#1f3b1f; margin-bottom:12px;">
PARABÉNS!
</div>
<div style="font-size:1.05em;">
Você concluiu as atividades, visitou todos os laboratórios e reuniu os conhecimentos necessários para seguir adiante.
<b>Boas-vindas ao final da sua missão!</b>
Você agora está em um grande laboratório, que parece mais um centro integrado de pesquisa. Muitas pessoas trabalham ao redor de bancadas, reatores e equipamentos conectados. Este é o laboratório central do CERSUSCHEM.
</div>
</div>
Você avista o Professor Torres.
— Que bom te rever! Isso significa que você completou sua jornada e chegou até aqui.
Você olha ao redor.
Sobre a bancada central, há uma estrutura transparente, com pequenos compartimentos, canais internos, eletrodos e uma superfície preparada para receber luz.
— Esse sistema foi inspirado em processos que acontecem na natureza, especialmente na forma como as plantas utilizam a luz para promover transformações químicas.
Ele indica um reservatório conectado à estrutura.
— Utilizando energia da luz, este sistema pode auxiliar no tratamento e reaproveitamento de água, recuperar parte dos solventes utilizados em atividades experimentais e reduzir a necessidade de descarte de materiais que ainda possuem utilidade.
<div style="text-align:center; margin:18px 0;">
<img
src="https://i.imgur.com/HGiFuIK.jpeg"
alt="Imagem da atividade"
style="width:560px; max-width:100%; height:auto; border-radius:12px;"
>
</div>
— Em outras palavras, ele transforma desperdícios em recursos. Quanto menos resíduos produzirmos e mais materiais conseguirmos reutilizar, menor será o impacto ambiental das atividades realizadas.
— É exatamente esse tipo de solução que buscamos desenvolver aqui no CeRSusChem: tecnologias que permitam produzir conhecimento científico sem comprometer o futuro do planeta.
Torres aponta para os componentes que você trouxe.
— Ótimo! Você conseguiu reunir todos os itens necessários. Com esses três componentes, podemos montar o protótipo do reator, que vamos chamar de Folha Artificial
🔆 ''Módulo Fotocatalítico'' — responsável por capturar a energia da luz.
⚡ ''Catalisador'' — responsável por acelerar as reações químicas.
💧 ''Membrana de Purificação'' — responsável por separar e controlar os produtos formados.
Torres observa com atenção.
— Se conseguirmos integrar tudo corretamente, você poderá levar este protótipo para sua escola e demonstrar uma alternativa mais sustentável para as aulas práticas de química.
[[Começar a montagem do reator ->G1]]
Ao descer as escadas, você se depara com os laboratórios de ensino, utilizados nas aulas experimentais de Química Inorgânica, Orgânica e Físico-Química do curso de graduação.
Através dos vidros das portas, é possível observar bancadas repletas de vidrarias, frascos de reagentes e diversos equipamentos utilizados nos experimentos.
Mais adiante do corredor, você avista um grande painel pendurado na parede à sua frente que chama sua atenção.
Você se aproxima para ler?
''[[Sim ->A3c]]''
''[[Continuar andando ->A3b]]''
Você logo percebe que o movimento é constante por aqui: estudantes e pesquisadores circulam entre e dentro dos laboratórios, além de ver pôsteres e painéis informativos ao longo do corredor exibindo dados de pesquisas em andamento e também exemplares de trabalhos e artigos científicos publicados.
Você continua passeando pelos corredores do departamento, até chegar a um espaço muito frequentado pelos estudantes: a área de convivência do DQ.
<img src="https://i.imgur.com/EhXc489.jpeg" alt="imagem" style="width:700px; max-width:100%; height:auto; display:block; margin:12px auto; border-radius:12px;">
Um ambiente espaçoso e aberto, bem arejado e cheio de luz natural. O lugar é cercado por bastante verde, criando um clima mais leve que ajuda a quebrar a rotina do laboratório. É um espaço montado para pausas, refeições e momentos de descanso. No fundo, há uma churrasqueira que funciona como o ponto para os eventos e confraternizações.
Atrás de você, há uma televisão que é utilizada para repassar informações aos estudantes e pesquisadores e, em um determinado momento, aparece um aviso escrito “Comunicado Importante”.
Você fica interessado e decide aguardar para ver
<b> [[Assistir ao comunicado ->A3d]] </b>
<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;">
CONHEÇA O CERSUSCHEM
</div>
<img src="https://i.imgur.com/Sv6IX4O.png"
class="img-texto"
alt="Painel CerSusChem"
style="width: 720px; max-width: 100%; height: auto;">
Olhando com mais atenção, você percebe que o símbolo do CeRSusChem estava no convite que você recebeu e que esse Centro parece ser a parceria a qual sua escola te indicou.
Você entende que precisa descobrir onde é e quem faz parte do CerSusChem o mais rápido possível!
Está pronto para começar?!
''[[SIM, ESTOU PRONTO ->COMO JOGAR]]''
''[[AINDA NÃO. PREFIRO PESQUISAR MAIS SOBRE SOZINHO ->MAIS INFORMAÇÕES]]''
Vocês seguem até um grande laboratório no final do corredor. O espaço é amplo, bem iluminado e organizado. O professor se posiciona próximo à bancada central.
— Este é um ambiente de pesquisa. Aqui, cada detalhe importa, desde a escolha dos reagentes até a forma como você se protege e cuida do espaço ao seu redor.
<img src="https://i.imgur.com/TirwFUL.jpeg"
class="img-texto"
alt="imagem">
Para continuar sua jornada, você precisa, primeiramente, compreender as normas básicas de segurança de laboratório.
Ele te entrega um folheto:
''[[Ver folheto->B2b]]''Antes de seguir adiante em sua jornada, você precisa reconhecer quais ODS se relacionam de forma direta à catálise como princípio da Química Verde.
Para isso identifique 4 ODS que possuem relação direta com o uso da catálise como princípio da Química Verde e some seus respectivos números representantes
<img src="https://i.imgur.com/A46zV8p.png" class="img-texto" alt="imagem"> Anote quais os ODS que você escolheu
De acordo com a sua somatória obtida, você seguirá seu caminho para
[[31->B5Aa]] [[37->B5Ab]] [[41->B5Ac]]
<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;">
FOTOCATÁLISE
</div>
<div style="font-style: italic; color:#0b5a33; margin: 10px 0 16px; padding-left:12px; border-left:4px solid rgba(11,90,51,0.35);">
“Quando o desafio é transformar a matéria com menor impacto, a solução pode ser explorar rotas alternativas que permitam conduzir reações de maneira mais inteligente e sustentável!”
</div>
Os fotocatalisadores utilizam a luz como fonte de energia, promovendo reações químicas por meio da absorção de fótons. Essa abordagem permite ativar transformações químicas sem a necessidade de altas temperaturas. Ao empregar materiais semicondutores e, frequentemente, solventes menos tóxicos, essas reações reduzem o consumo de energia e o uso de insumos agressivos ao meio ambiente.
Na Química Verde, a fotocatálise representa uma rota alternativa para tornar os processos químicos mais sustentáveis.
<img src="https://i.imgur.com/cEsvQPR.png" class="folheto-img" alt="folheto">
Compreender esse cenário exige olhar além da fonte de energia utilizada, analisando também como o processo químico é conduzido, considerando sua eficiência, a possibilidade de reaproveitamento de materiais e o impacto ambiental envolvido
Volte à [[atividade ->B5A]], reanalise os ODS escolhidos e tente resolvê-la novamente para avançar em sua trajetória.
<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;">
CATÁLISE HOMOGÊNEA E HETEROGÊNEA
</div>
<div style="font-style: italic; color:#0b5a33; margin: 10px 0 16px; padding-left:12px; border-left:4px solid rgba(11,90,51,0.35);">“Na Química Verde, sustentabilidade não depende apenas de usar menos energia, mas também de como os processos químicos são conduzidos. </div>
Os catalisadores podem ser classificados de acordo com a fase em que se encontram em relação aos reagentes, dando origem a dois principais tipos de catálise: catálise homogênea e catálise heterogênea.
Na catálise homogênea, o catalisador e os reagentes estão na mesma fase, geralmente dissolvidos em um mesmo solvente.
Já na catálise heterogênea, o catalisador se encontra em uma fase diferente dos reagentes, normalmente na forma de um sólido. Metais, óxidos metálicos, zeólitas e sólidos ácidos são exemplos comuns.
Agora você percebe que a sustentabilidade de um processo catalítico não está apenas em acelerar uma reação química, mas também na forma como o catalisador é utilizado, separado ao final do processo e reaproveitado. A escolha entre diferentes tipos de catalisadores influencia diretamente a eficiência das reações, a segurança dos processos, o uso responsável de materiais e o alinhamento da Química Verde com os ODS, mostrando que decisões químicas são, também, decisões ambientais e sociais.
Antes de continuar seu caminho, retorne à [[atividade ->B5A]] reavalie os ODS selecionados.
<<set $inv_oculos = true>>
<<run UIBar.update()>>
''VOCÊ RESPONDEU CORRETAMENTE''
Isso mostrou que você compreendeu a relação entre o princípio 9 da QV e os ODS!
Assim, mais um item obrigatório de segurança presente na sua ficha de pesquisador foi desbloqueado com sucesso!
🕶️ Óculos de proteção individual
Confira se todos os itens obrigatórios da sua ficha foram coletados.
<<set $ok_B5 = true>>
<<link "Sim">>
<<if $ok_B6>>
<<goto "PortaoC1">>
<<else>>
<<run showExp("⛔ Etapa obrigatória", `
<div class="box">
<p><b>Você ainda precisa concluir B6.</b></p>
<p>Finalize essa etapa antes de acessar os laboratórios do CerSusChem.</p>
<<button "Ir para CAPÍTULO 6">>
<<run Dialog.close()>>
<<goto "CAPÍTULO 6">>
<</button>>
</div>
`)>>
<</if>>
<</link>>
[[Não ->CAPÍTULO 6]]<div style="text-align:center;">
<img src="https://i.imgur.com/GnaTDPO.jpeg"
style="
width:100%;
max-width:700px;
border-radius:19px;
box-shadow:0 0 20px rgba(0,0,0,0.35);
">
<div style="margin-top:25px;">
<<button "INICIAR JOGO">>
<<goto "SOBRE A OBRA">>
<</button>>
</div>
</div>
<<set $tentativasCodigo = 5>> <<set $codigoOK = false>>
<<set $atividadeAberta = false>> <<set $codigoEntrada = "">>
Você para e observa os detalhes do pôster:
<img id="banner" class="img-texto banner" src="https://i.imgur.com/ZUYOW59.png" alt="Banner de Resíduo">
Estudando o banner, você começa a compreender como os princípios da Química Verde estão presentes nesses ambientes e atuam no dia a dia dos laboratórios.
Com isso, a partir das informações obtidas pela sua exploração do banner, analise a seguinte situação:
<<linkreplace "🔎 Analisar">>
Um experimento foi realizado há pouco tempo em um dos laboratórios de ensino do DQ, e os materiais ainda estão sobre as bancadas, aguardando a próxima etapa. Frascos identificados, luvas utilizadas, soluções de cores diferentes e pequenos recipientes de descarte indicam que a atividade gerou diversos tipos de resíduos.
Como um pesquisador em formação, ''analise o cenário e decida o destino correto de cada material antes de continuar.''
Dependendo da escolha, os impactos podem ser diferentes: segurança do laboratório, preservação ambiental e até a continuidade do projeto.
<button id="abrirGenially" type="button">Ver atividade</button>
<div id="saidaDepoisAtividade" style="margin-top:20px;"></div>
<div id="blocoCodigo" style="display:none; margin-top:24px;">
<p>Para continuar a pesquisa, registre o código obtido após concluir a análise dos resíduos:</p>
<p id="contadorTentativas">Digite o código-chave (restam 5 tentativas):</p>
<input
id="campoCodigo"
type="text"
style="width:100%; max-width:420px; padding:10px; font-size:16px; box-sizing:border-box;"
placeholder="Digite o código aqui">
<div style="margin-top:12px;">
<button id="botaoEnviarCodigo" type="button">Enviar</button>
</div>
<div id="mensagemCodigo" style="margin-top:14px;"></div>
<div id="mensagemFimTentativas" style="display:none; margin-top:18px;" class="okbox aviso-box">
Que pena! Você poderia ter adquirido o código a partir da realização da atividade.
Essa etapa era importante para ajudar você a interpretar corretamente o descarte dos resíduos e reforçar seu olhar científico.
Entretanto, você deve continuar em sua missão.
''DICA: Lembre-se sempre como a geração e o descarte de resíduos pode ter influência em qualquer tipo de projeto de pesquisa e no dia a dia!''
<button
type="button"
onclick="SugarCube.Engine.play('B6b');"
style="padding:10px 10px; border:none; border-radius:4px; cursor:pointer; background:#3b5fbf; color:#fff;">
Continuar
</button>
</div>
</div>
<div id="modalGenially" style="display:none;">
<div id="fundoGenially"></div>
<div id="wrapGenially">
<button id="fecharGenially" type="button">Fechar atividade</button>
<div id="caixaProporcional">
<iframe
id="iframeGenially"
src="https://view.genially.com/69839dfa20bc0f8ea040177e/interactive-content-descarte-e-tratamento-de-residuos"
allowfullscreen
></iframe>
</div>
</div>
</div>
<style>
#modalGenially{
position: fixed;
inset: 0;
z-index: 99999;
}
#fundoGenially{
position: absolute;
inset: 0;
background: rgba(0,0,0,0.7);
}
#wrapGenially{
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
#caixaProporcional{
position: relative;
width: min(96vw, 160vh);
aspect-ratio: 16 / 9;
background: #fff;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.35);
}
#iframeGenially{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: none;
display: block;
}
#fecharGenially{
position: absolute;
top: 20px;
right: 20px;
z-index: 100000;
border: none;
border-radius: 10px;
padding: 10px 16px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
background: white;
color: #333;
}
.okbox{
margin-top: 10px;
padding: 14px;
border-radius: 8px;
}
.aviso-box{
background: #fff4e5;
border-left: 5px solid #d98c00;
}
.sucesso-box{
background: #eef8ee;
border-left: 5px solid #2e8b57;
padding: 14px;
border-radius: 8px;
}
.erro-box{
background: #fdeeee;
border-left: 5px solid #c0392b;
padding: 14px;
border-radius: 8px;
}
@media (max-width: 700px){
#wrapGenially{
padding: 10px;
}
#caixaProporcional{
width: 96vw;
}
#fecharGenially{
top: 10px;
right: 10px;
padding: 8px 12px;
font-size: 14px;
}
}
</style>
<script>
(function () {
const abrir = document.getElementById("abrirGenially");
const fechar = document.getElementById("fecharGenially");
const modal = document.getElementById("modalGenially");
const fundo = document.getElementById("fundoGenially");
const saida = document.getElementById("saidaDepoisAtividade");
const blocoCodigo = document.getElementById("blocoCodigo");
const campoCodigo = document.getElementById("campoCodigo");
const botaoEnviar = document.getElementById("botaoEnviarCodigo");
const contador = document.getElementById("contadorTentativas");
const mensagem = document.getElementById("mensagemCodigo");
const fimTentativas = document.getElementById("mensagemFimTentativas");
if (!abrir || !fechar || !modal || !fundo || !saida || !blocoCodigo || !campoCodigo || !botaoEnviar || !contador || !mensagem || !fimTentativas) {
return;
}
const vars = SugarCube.State.variables;
const codigoCorreto = "RECICLAGEM";
vars.tentativasCodigo = 5;
vars.codigoOK = false;
function atualizarContador() {
contador.textContent = "Digite o código-chave (restam " + vars.tentativasCodigo + " tentativas):";
}
function abrirModal() {
modal.style.display = "block";
document.body.style.overflow = "hidden";
vars.atividadeAberta = true;
blocoCodigo.style.display = "block";
saida.innerHTML = '<div class="sucesso-box">Atividade aberta. Quando terminar, registre abaixo o código obtido.</div>';
atualizarContador();
}
function fecharModal() {
modal.style.display = "none";
document.body.style.overflow = "";
}
function finalizarSemAcerto() {
campoCodigo.disabled = true;
botaoEnviar.disabled = true;
fimTentativas.style.display = "block";
mensagem.innerHTML = "";
}
function verificarCodigo() {
var valor = campoCodigo.value.trim().toUpperCase();
if (!valor) {
mensagem.innerHTML = '<div class="erro-box">Digite um código antes de enviar.</div>';
return;
}
if (valor === codigoCorreto) {
vars.codigoOK = true;
mensagem.innerHTML = '<div class="sucesso-box"><b>Muito bem!</b> Código correto. Você pode seguir.</div>';
campoCodigo.disabled = true;
botaoEnviar.disabled = true;
setTimeout(function () {
SugarCube.Engine.play("B6b");
}, 700);
return;
}
vars.tentativasCodigo -= 1;
atualizarContador();
if (vars.tentativasCodigo > 0) {
mensagem.innerHTML = '<div class="erro-box">Código incorreto. Tente novamente.</div>';
} else {
finalizarSemAcerto();
}
}
abrir.onclick = abrirModal;
fechar.onclick = fecharModal;
fundo.onclick = fecharModal;
botaoEnviar.onclick = verificarCodigo;
campoCodigo.addEventListener("keydown", function (ev) {
if (ev.key === "Enter") {
verificarCodigo();
}
});
document.addEventListener("keydown", function (ev) {
if (ev.key === "Escape" && modal.style.display !== "none") {
fecharModal();
}
});
})();
</script>
<</linkreplace>>Enquanto caminha pelos corredores do departamento, você nota que uma das principais frentes de pesquisa daqui está voltada ao desenvolvimento de rotas e tecnologias para geração de energia linha, alinhadas à transição energética.
Inclusive, ao seguir pelo térreo do prédio, você chega ao Auditório Mario Tolentino e ouve um grupo de pesquisadores do CerSusChem reunidos e discutindo exatamente esse tema. Um deles parece estar conduzindo uma palestra sobre energias renováveis e produção sustentável de eletricidade.
<img src="https://i.imgur.com/I8gC5uL.png"
class="img-texto"
alt="Tolentino"
style="width: 720px; max-width: 100%; height: auto;">
Você fica interessado e um deles te convida a entrar.
Você decide se juntar a eles.
''[[Entrar no auditório ->B6b0]]''
— Ótimo! Preciso da sua ajuda como pesquisador(a).
Sabemos que a eficiência energética está relacionada ao aproveitamento da energia disponível com o menor número possível de perdas durante sua transformação.
— Por isso, quero que você investigue qual dos sistemas tende a apresentar maior eficiência na geração de eletricidade, considerando as etapas de conversão de energia envolvidas?'
<<set $timerRodando = $timerRodando or false>>
Recomendo que você investigue as informações disponíveis em, pelo menos, uma dessas fontes:
<<link "📊 Operador Nacional do Sistema Elétrico Brasil (ONS - Brasil)">>
<<run Dialog.setup("CAPACIDADE POR FONTES DE ENERGIA")>>
<<run Dialog.wiki(`
<div style="width:100%; max-width:1100px; height:78vh; margin:0 auto; text-align:center;">
<img
src="https://i.imgur.com/HuuMgCT.png"
alt="ONS - Brasil"
style="width:100%; height:calc(100% - 50px); object-fit:contain; border:none; border-radius:8px; background:#fff;">
<div style="margin-top:12px;">
<button type="button" onclick="Dialog.close()">Fechar</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<<run $("#ui-dialog").addClass("periodica-larga")>>
<<replace "#opcoes">>
✅ Qual a alternativa correta?<br><br>
[[🔥 Sistema de geração elétrica por combustão de carvão ou gás->B6B1A]]<br>
[[🌊 Sistema de geração elétrica pelo movimento da água sobre turbinas->B6B1B]]
<</replace>>
<</link>>
<<link "⚡ Empresa de Pesquisa Energética (EPE - Brasil)">>
<<run Dialog.setup("FONTES DE ENERGIA")>>
<<run Dialog.wiki(`
<div style="width:100%; max-width:1100px; height:78vh; margin:0 auto; text-align:center;">
<img
src="https://i.imgur.com/KQJnLxT.png"
alt="EPE - Brasil"
style="width:100%; height:calc(100% - 50px); object-fit:contain; border:none; border-radius:12px; background:#fff;">
<div style="margin-top:12px;">
<button type="button" onclick="Dialog.close()">Fechar</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<<run $("#ui-dialog").addClass("periodica-larga")>>
<<replace "#opcoes">>
✅ Qual a alternativa correta?<br><br>
[[🔥 Sistema de geração elétrica por combustão de carvão ou gás->B6B1A]]<br>
[[🌊 Sistema de geração elétrica pelo movimento da água sobre turbinas->B6B1B]]
<</replace>>
<</link>>
<div id="opcoes">
⏳ Realize sua investigação nas fontes indicadas e depois retorne aqui para avaliar as alternativas disponíveis para continuar. Elas serão liberadas após sua pesquisa.
</div>
<<run (function () {
if (State.variables.timerRodando) { return; }
State.variables.timerRodando = true;
setTimeout(function () {
if ($("#opcoes").text().includes("⏳")) {
$("#opcoes").empty().wiki(
"✅ Qual a alternativa correta?<br><br>" +
"[[🔥 Sistema de geração elétrica por combustão de carvão ou gás->B6B1A]]<br>" +
"[[🌊 Sistema de geração elétrica pelo movimento da água sobre turbinas->B6B1B]]"
);
}
}, 30000);
})()>>
''Dica:'' atente-se a quantas etapas de transformação de energia existem em cada sistema e em qual deles ocorrem maiores perdas energéticas durante o processo de geração elétrica.— Vários trabalhos envolvem o que chamamos de ''biocombustíveis.'' Eles são derivados de biomassa, seja ela residual ou cultivada e de origem animal ou vegetal, e podem substituir parcialmente ou totalmente combustíveis derivados do petróleo em motores a combustão ou em outros processos de geração de energia.
— No Brasil, eles têm papel estratégico: os biocombustíveis líquidos representam atualmente cerca de 20% da matriz brasileira de combustíveis veiculares. Além de reduzirem a dependência energética de fontes fósseis, eles contribuem diretamente para a diminuição das emissões de gases de efeito estufa e de poluentes nocivos à saúde humana. Por isso, o desenvolvimento dessa área envolve forte atuação governamental, com ações voltadas à pesquisa, ao desenvolvimento tecnológico e à inovação, buscando consolidar a base científica e fortalecer a competitividade nacional.
No nosso país, destacam-se:
<img
src="https://i.imgur.com/5TaglJI.png"
alt="imagem da atividade"
style="width: 500px; max-width: 100%; height: auto; display: block; margin: 12px auto; border-radius: 12px;"
>
Em resumo, os biocombustíveis não são apenas alternativas energéticas. Eles representam um esforço integrado entre ciência, tecnologia, inovação e políticas públicas para garantir segurança energética, competitividade econômica e sustentabilidade ambiental.
E é exatamente nesse contexto que desenvolvemos nossas pesquisas aqui no Centro.
[[Continuar->B6b3]]<<set $tentativasEnergia = $tentativasEnergia or 0>>
<<set $msgEnergia = $msgEnergia or "">> Quase lá... talvez valha a pena entender como a energia é transformada em cada sistema antes de seguir....
<<linkreplace "Continuar">>
<hr style="margin:6px 0;">
<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;"> EFICIÊNCIA ENERGÉTICA </div>
O termo eficiência energética está relacionado à capacidade de transformar a energia disponível em energia útil com o mínimo de desperdício possível. Em qualquer processo de conversão energética (seja em uma usina, em um motor ou em um sistema elétrico), parte da energia é inevitavelmente dissipada, principalmente na forma de calor, devido a resistências elétricas, atrito mecânico e limitações termodinâmicas.
Em usinas termelétricas, por exemplo, grande parte da energia liberada na combustão não se transforma em eletricidade, sendo perdida como calor para o ambiente, o que reduz a eficiência global do sistema. Já as fontes renováveis, por outro lado, apresentam menos etapas de conversão e, portanto, menor perda energética.
<<linkreplace "Continuar">>
Seguindo essa linha, complete as etapas que faltam nas rotas abaixo:
''(Dica: pense em qual processo realmente move a turbina ou gera corrente elétrica em cada sistema)''
🔥 Usina Termelétrica
1. Queima do combustível fóssil ou biomassa em altas temperaturas nas caldeiras
2. <<listbox "$t2">>
<<option "— escolha —" "">>
<<option "Gerador produz eletricidade">>
<<option "Vapor gerado em alta pressão movimenta as pás da turbina em alta velocidade">>
<<option "Água armazenada e liberada">>
<</listbox>>
3. Gerador elétrico converte a energia mecânica em energia elétrica
4. Eletricidade gerada passa por transformadores (elevar tensão) e segue para transmissão
🌊 Usina Hidrelétrica
1. Água represada (reservatórios/barragens) é liberada em alta pressão e velocidade (queda d'água)
2. <<listbox "$h2">>
<<option "— escolha —" "">>
<<option "Água atinge as pás que giram as turbinas hidráulicas">>
<<option "Vapor condensa">>
<<option "Luz solar atinge o painel">>
<</listbox>>
3. Gerador no eixo da turbina transforma a energia mecânica em energia elétrica
☀️ Painéis Fotovoltaicos
1. Os painéis solares recebem a radiação solar.
2. <<listbox "$s2">>
<<option "— escolha —" "">>
<<option "Aquecimento da água">>
<<option "Combustível gira a turbina">>
<<option "Fótons transferem energia para elétrons que se movimentam">>
<</listbox>>
3. Geração de eletricidade que é conduzida ao sistema de transmissão
<div id="feedbackEnergia"></div>
<div id="acoesEnergia">
<<button "✅ Verificar">>
<<set _okTermo = ($t2 is "Vapor gerado em alta pressão movimenta as pás da turbina em alta velocidade")>>
<<set _okHidro = ($h2 is "Água atinge as pás que giram as turbinas hidráulicas")>>
<<set _okSolar = ($s2 is "Fótons transferem energia para elétrons que se movimentam")>>
<<if _okTermo and _okHidro and _okSolar>>
<<set $msgEnergia = "SUCESSO">>
<<else>>
<<set $tentativasEnergia += 1>>
<<set $msgEnergia = "ERRO">>
<<if not _okTermo>>
<<set $t2 = "">>
<<run $("select").eq(0).val("")>>
<</if>>
<<if not _okHidro>>
<<set $h2 = "">>
<<run $("select").eq(1).val("")>>
<</if>>
<<if not _okSolar>>
<<set $s2 = "">>
<<run $("select").eq(2).val("")>>
<</if>>
<</if>>
<<replace "#feedbackEnergia">>
<<if $msgEnergia is "SUCESSO">>
<div class="box">
<p class="ok">✅ Perfeito! Você completou corretamente as etapas das três rotas energéticas.</p>
Agora você já consegue comparar os processos e perceber em qual deles ocorrem mais perdas de energia.
<p style="margin-top: 18px;">[[Continuar->FeedbackEnergia]]</p>
</div>
<<elseif $tentativasEnergia < 5>>
<div class="box">
❌ Ainda não.
Tente novamente. Você já usou <<print $tentativasEnergia>> de 5 tentativas.
As respostas corretas foram mantidas. Apenas as incorretas foram apagadas para você corrigir.
</div>
<<else>>
<div class="box">
<p>⚠️ Você atingiu o limite de 5 tentativas.</p>
<p>Veja a sequência correta:</p>
<p><b>🔥 Usina Termelétrica</b><br>
1. Queima do combustível fóssil ou biomassa em altas temperaturas nas caldeiras<br>
2. Vapor gerado em alta pressão movimenta as pás da turbina em alta velocidade<br>
3. Gerador elétrico converte a energia mecânica em energia elétrica<br>
4. Eletricidade gerada passa por transformadores e segue para transmissão</p>
<p><b>🌊 Usina Hidrelétrica</b><br>
1. Água represada é liberada em alta pressão e velocidade<br>
2. Água atinge as pás que giram as turbinas hidráulicas<br>
3. Gerador transforma a energia mecânica em energia elétrica</p>
<p><b>☀️ Painéis Fotovoltaicos</b><br>
1. Os painéis solares recebem a radiação solar<br>
2. Fótons transferem energia para elétrons que se movimentam<br>
3. Geração de eletricidade que é conduzida ao sistema de transmissão</p>
<p style="margin-top: 18px;">[[Continuar->FeedbackEnergia]]</p>
</div>
<</if>>
<</replace>>
<<if $msgEnergia is "SUCESSO" or $tentativasEnergia >= 5>>
<<replace "#acoesEnergia">><</replace>>
<</if>>
<</button>>
</div>
<</linkreplace>>
<</linkreplace>><<set $ok_B6 = true>>
<<set $inv_luvas = true>>
<<set _todosItens = $inv_jaleco and $inv_luvas and $inv_oculos and $inv_pinca and $inv_ph>>
— É isso mesmo! Nas matrizes energéticas tradicionais baseadas em combustíveis fósseis, como carvão, petróleo e gás natural, as perdas tendem a ser maiores porque o processo envolve várias etapas: extração, transporte, queima do combustível, conversão térmica em energia mecânica e, por fim, em energia elétrica. Cada etapa implica dissipação energética.
Como recompensa, o pesquisador lhe entrega uma caixa de luvas.
<div class="okbox">
<b> Você recebeu uma caixa de luvas nitriladas </b> 🧤
</div>
Agora confira sua ficha de pesquisador. Você já possui todos os itens necessários para continuar?
''<<link "Sim">>''
<<if _todosItens>>
<<goto "CAPÍTULO 8">>
<<else>>
<<run Dialog.setup("ATENÇÃO")>>
<<run Dialog.wiki(`
<div style="max-width:640px; margin:0 auto; line-height:1.5; text-align:left; background:#f8f8f2; color:#222; padding:18px; border-radius:12px; box-sizing:border-box;">
<p><b>Você ainda não tem todos os itens obrigatórios.</b></p>
<p>Retorne e consiga-os antes de seguir para a próxima etapa da jornada.</p>
<div style="text-align:center; margin-top:18px;">
<button
type="button"
onclick="
var fechar = document.getElementById('ui-dialog-close');
if (fechar) {
fechar.click();
}
setTimeout(function () {
SugarCube.Engine.play('CAPÍTULO 5');
}, 100);
"
style="padding:10px 18px; border:none; border-radius:8px; background:#0b5a33; color:white; cursor:pointer;">
Continuar
</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</if>>
<</link>>
''<<link "Ainda não">>''
<<goto "CAPÍTULO 5">>
<</link>>— Outro combustível promissor que desenvolve-se aqui é o hidrogênio verde (H2V), que tem aparecido cada vez mais nas discussões sobre o futuro da energia e a transição energética.
Isso porque algo em torno de 75% de nosso sistema solar é composto por hidrogênio. Além disso, o hidrogênio está disponível em abundância na natureza, principalmente, na forma de moléculas covalentes combinadas com outros elementos, o que torna sua obtenção na forma de gás um processo caro e intensivo em energia.
— Desde o início do século XIX, o gás hidrogênio é utilizado para abastecer carros, dirigíveis e naves espaciais. O que muda ao longo do tempo não é o combustível em si, mas a forma como ele é produzido. Popularmente, dependendo da fonte de energia e do processo empregado em sua obtenção, o hidrogênio passou a ser classificado em diferentes “cores”.
<img src="https://i.imgur.com/NjcMVDJ.png"
class="img-texto"
alt="imagem">
— O combustível obtido por meio da eletrólise da água, utilizando eletricidade proveniente de fontes renováveis é chamado de hidrogênio verde.
É justamente essa rota de produção que usamos aqui e é essa que torna o hidrogênio uma alternativa promissora para o futuro da energia.
A ideia não é apenas utilizar o H2V como combustível, mas produzi-lo de forma sustentável, alinhando sua aplicação aos princípios da Química Verde e aos ODS 7, 12 e 13.
— Agora você já conhece as principais fontes de energia limpa com que trabalhamos no CerSusChem! Gostaria de aplicar os conhecimentos sobre o assunto antes de continuar?
[[Sim ->B6b1]]
[[Não ->B6b4]]<style> #menuList {
list-style: none !important;
padding-left: 0 !important;
margin: 0 !important;
} #menuList li {
list-style: none !important;
margin: 0 0 10px 0;
padding: 0;
} #menuList li::marker {
content: "" !important;
} </style> <div class="menu-titulo"> MENU </div>
<ul id="menuList">
<<if $regrasUnlocked>>
<li>
<<link "📘 REGRAS">>
<<run Dialog.setup("REGRAS DO LIVRO-JOGO")>>
<<run Dialog.wiki(`
<div style="text-align:center; max-width:800px; margin:0 auto;">
<img src="https://i.imgur.com/FbSwckj.png"
alt="Regras do livro-jogo"
style="width:110%; height:auto; border-radius:6px; display:block; margin:0 auto;">
<div style="margin-top:8px;">
<button type="button" onclick="Dialog.close()">Fechar</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
</li>
<</if>>
<<if $mapaUnlocked>>
<li>
<<link "🗺️ MAPA">>
<<run Dialog.setup("MAPA")>>
<<run Dialog.wiki(`
<div style="text-align:center; max-width:900px; margin:0 auto;">
<img src="https://i.imgur.com/VYdXCcv.png"
alt="Mapa"
style="width:100%; height:auto; border-radius:12px; display:block; margin:0 auto;">
<div style="margin-top:12px;">
<button type="button" onclick="Dialog.close()">Fechar</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
</li>
<</if>>
<li>
<<link "🧪 TABELA PERIÓDICA">>
<<run Dialog.setup("TABELA PERIÓDICA")>>
<<run Dialog.wiki(`
<div style="width:100%; height:78vh; margin:0 auto;">
<iframe
src="https://artsexperiments.withgoogle.com/periodic-table/?lang=pt"
style="width:100%; height:100%; border:none; border-radius:12px;">
</iframe>
<div style="margin-top:12px; text-align:center;">
<<button "Fechar">>
<<run Dialog.close()>>
<</button>>
</div>
</div>
`)>>
<<run Dialog.open()>>
<<run $("#ui-dialog").addClass("periodica-larga")>>
<</link>>
</li>
<<if $principiosUnlocked>>
<li>
<<link "🌿 QUÍMICA VERDE">>
<<run Dialog.setup("PRINCÍPIOS DA QUÍMICA VERDE")>>
<<run Dialog.wiki(`
<div style="text-align:center; max-width:900px; margin:0 auto;">
<img src="https://i.imgur.com/RceKRBE.png"
alt="Princípios da Química Verde"
style="width:100%; height:auto; border-radius:12px; display:block; margin:0 auto;">
<div style="margin-top:12px;">
<button type="button" onclick="Dialog.close()">Fechar</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
</li>
<</if>>
<<if $folhetoUnlocked>>
<li>
<<link "📄 NORMAS DE SEGURANÇA">>
<<run Dialog.setup("NORMAS DE SEGURANÇA")>>
<<run Dialog.wiki(`
<div style="text-align:center; max-width:800px; margin:0 auto;">
<img src="https://i.imgur.com/8p5Et9S.png"
alt="Normas de segurança"
style="width:100%; height:auto; border-radius:12px; display:block; margin:0 auto;">
<div style="margin-top:12px;">
<button type="button" onclick="Dialog.close()">Fechar</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
</li>
<</if>>
</ul>
<hr style="margin:.4rem 0;"> <div style="text-align:center; font-weight:800; margin-bottom:12px;"> INVENTÁRIO </div> <div id="invRow" style="display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; text-align:center; font-size:16px;">
<span class="invItem"><<if $inv_jaleco>>🥼<<else>>🔒<</if>></span>
<span class="invItem"><<if $inv_luvas>>🧤<<else>>🔒<</if>></span>
<span class="invItem"><<if $inv_oculos>>🥽<<else>>🔒<</if>></span>
<span class="invItem"><<if $inv_pinca>>🔧<<else>>🔒<</if>></span>
<span class="invItem"><<if $inv_ph>>🧪<<else>>🔒<</if>></span>
</div>
<<if $labsMenuUnlocked>> <hr style="margin:.4rem 0;"> <div class="ficha-titulo">LABs CERSUSCHEM</div> <div class="labs-bloco">
<div class="labsRow"> <span class="invItem" title="Módulo Fotocatalítico">
<<if $itemFotocatalisador>>🔆<<else>>🔒<</if>></span>
<span class="invItem" title="Material Catalítico">
<<if $itemCatalisador>>⚡<<else>>🔒<</if>> </span>
<span class="invItem" title="Membrana de Purificação">
<<if $itemMembrana>>💧<<else>>🔒<</if>>
</span>
</div>
</div>
<</if>><div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;">
SOBRE O LIVRO-JOGO </div> <div style="max-width:900px; margin:40px auto; text-align:center; line-height:1.7;"> Este livro-jogo foi produzido por pesquisadoras e pesquisadores da Universidade Federal de São Carlos (UFSCar) no contexto do Edital Praticar Ciência da Fundação de Amparo à Pesquisa do Estado de São Paulo (FAPESP). Esta chamada, por sua vez, é fruto da parceria entre a FAPESP e o Canal Futura da Fundação Roberto Marinho (FRM), no âmbito do projeto Ciência para Todos.
Os coordenadores do Projeto '' <i>A Química é Verde! Livro-jogo educativo sobre catálise e as fontes renováveis de energia para o Ensino Médio </i>'' (2025/02263-6) são: profa. Dra. Lucia Helena Mascaro - coordenadora geral - e prof. Dr. Ettore Paredes Antunes, ambos docentes do Departamento de Química da UFSCar, campus São Carlos.
As principais responsáveis por todo o desenvolvimento do livro-jogo são as discentes da licenciatura em Química, Alicia Marina de Bessa Lima (2025/14937-1), Danielle Cristina Estevan Cardozo (2025/14233-4), Emily Amábile Tavares (2025/14234-0), Marianna Fernanda Roesler (2025/14268-2).
Agradecemos a profa. Dra. Arlene Gonçalves Corrêa, Diretora do Centro de Excelência para Pesquisa em Química Sustentável (CERSusChem), sediado na UFSCar, Departamento de Química, à qual abriu as portas para realizarmos o presente projeto de divulgação científica sobre as pesquisas do Centro. Estamos vinculados ao projeto <i>Métodos sintéticos sustentáveis empregando catálise, solventes verdes, reagentes seguros e materiais de partida renováveis </i> (2021/12394-0) da FAPESP.
As ilustrações foram feitas pela artista Karolline (Kali Yang), que pode ser contatada pelo email: karollinesilverio@gmail.com.
O presente trabalho foi realizado com apoio da Fundação de Amparo à Pesquisa do Estado de São Paulo (FAPESP), Brasil. Processos nº 2025/02263-6, 2025/14937-1, 2025/14268-2, 2025/14234-0, 2025/14233-4, 2021/12394-0.
</div> <div style="max-width:900px; margin:40px auto; text-align:center; line-height:1.7;"> Para iniciar siga para:
''[[SUMÁRIO]]''
</div><<set $assistiuVideo = $assistiuVideo or false>> <<set $timerVideoIniciado = $timerVideoIniciado or false>>
<<link "▶ VÍDEO DE APRESENTAÇÃO">>
<<run Dialog.setup("CERSUSCHEM")>> <<run Dialog.wiki(`
<div style="width:100%; max-width:840px; margin:0 auto; text-align:center;"> <div style="position:relative; width:100%; padding-top:48.25%; border-radius:10px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,0.18); background:#000;"> <video
controls
playsinline
style="position:absolute; inset:0; width:100%; height:100%; background:#000;"
onplay="
if (!SugarCube.State.variables.timerVideoIniciado) {
SugarCube.State.variables.timerVideoIniciado = true;
setTimeout(function () {
SugarCube.State.variables.assistiuVideo = true;
var bloco = document.getElementById('blocoDepoisVideo');
if (bloco) { bloco.style.display = 'block'; }
}, 10000);
}
"
> <source src="https://i.imgur.com/zkD6Ruh.mp4" type="video/mp4">
Seu navegador não suporta vídeo. </video> </div> <div style="margin-top:4px;"> <<button "Fechar vídeo">> <<run Dialog.close()>> <</button>> </div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
<div id="blocoDepoisVideo" style="display:none;">
Você percebe ao longo do vídeo de apresentação do CeRSusChem que esse nome e logo já foram vistos em algum lugar.
Você se lembra onde já o viu?
<<link "SIM, LEMBRO">>>
<<set $resposta to "">>
<<run Dialog.setup("DE ONDE VOCÊ CONHECE O SÍMBOLO?")>>
<<run Dialog.wiki(`
<div style="background:#f8f8f2; color:#222; padding:10px; border-radius:12px; max-width:640px; margin:0 auto; font-size:15px; line-height:0.4; box-sizing:border-box;">
<div style="text-align:center; font-weight:700; font-size:17px; margin-bottom:8px; color:#0b5a33;">
Escolha a alternativa correta para continuar:
</div>
<div style="background:white; border:1px solid #d9d9d9; border-radius:8px; padding:6px 10px; margin-bottom:6px;">
<label style="display:flex; align-items:center; gap:8px; cursor:pointer;">
<<radiobutton "$resposta" "A">>
<span>Vi na parede do Departamento de Química quando cheguei</span>
</label>
</div>
<div style="background:white; border:1px solid #d9d9d9; border-radius:8px; padding:6px 10px; margin-bottom:6px;">
<label style="display:flex; align-items:center; gap:8px; cursor:pointer;">
<<radiobutton "$resposta" "B">>
<span>Redes Sociais</span>
</label>
</div>
<div style="background:white; border:1px solid #d9d9d9; border-radius:8px; padding:6px 10px; margin-bottom:6px;">
<label style="display:flex; align-items:center; gap:8px; cursor:pointer;">
<<radiobutton "$resposta" "C">>
<span>Estava na mensagem de Convite Oficial que recebi</span>
</label>
</div>
<div style="background:white; border:1px solid #d9d9d9; border-radius:8px; padding:6px 10px; margin-bottom:10px;">
<label style="display:flex; align-items:center; gap:8px; cursor:pointer;">
<<radiobutton "$resposta" "D">>
<span>Já vi na escola</span>
</label>
</div>
<div style="text-align:center;">
<<button "Confirmar">>
<<if $resposta is "C">>
<<run Dialog.close()>>
<<goto "COMO JOGAR">>
<<else>>
<<run Dialog.close()>>
<<goto "A3c">>
<</if>>
<</button>>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
[[NÃO LEMBRO->A3c]]
</div>
<<if $assistiuVideo>>
<<run var bloco = document.getElementById("blocoDepoisVideo"); if (bloco) { bloco.style.display = "block"; }>>
<</if>><<set $folhetoUnlocked = true>>
<<run UIBar.update()>>
<img src="https://i.imgur.com/8p5Et9S.png" class="folheto-img" alt="folheto">
— Quando compreender e praticar atentamente essas regras, estará apto a dar o próximo passo.
<<linkreplace "''Guardar folheto''">>
Você guarda o folheto com cuidado.
<i>(Ele ficará disponível para consulta durante toda a sua jornada no menu lateral)</i>
O professor ajeita os óculos e faz uma breve pausa, como se lembrasse de algo importante.
— Antes de avançarmos... posso te contar um relato que aconteceu aqui no Departamento, anos atrás? É rápido, mas talvez ajude você a perceber por que essas regras não existem apenas por formalidade.
<b> [[Avançar para as próximas instruções ->CAPÍTULO 3]] </b>
<b> [[Ouvir o relato do professor Torres ->B3b]] </b>
<</linkreplace>><<widget "checarCodigo">>
<<set _next = $args[0]>>
<<set _key = ($args.length > 1 ? $args[1] : "RECICLAGEM")>>
<div id="codeBox">
<<if $codigoOK>>
✅ Código validado! <<link "Continuar">><<goto _next>><</link>>
<<elseif $tentativasCodigo <= 0>>
❌ Você esgotou as 5 tentativas.
<<else>>
Digite o código-chave (restam $tentativasCodigo):<br>
<<textbox "$codigoEntrada" "">>
<<button "Enviar">>
<<set _c = $codigoEntrada.trim().toUpperCase()>>
<<set _k = _key.trim().toUpperCase()>>
<<if _c is _k>>
<<set $codigoOK = true>>
<<else>>
<<set $tentativasCodigo -= 1>>
<<if $tentativasCodigo <= 0>>
<<run Dialog.setup("Precisando de ajuda?")>>
<<run Dialog.wiki("Você atingiu o limite de **5 tentativas**.<br><br>Revise a atividade no Genially e procure as pistas sobre **destinação correta de resíduos** e **reciclagem**.<br><br>Se necessário, peça apoio ao professor/monitor.")>>
<<run Dialog.open()>>
<</if>>
<</if>>
<<set $codigoEntrada = "">>
<<replace "#codeBox">>
<<checarCodigo _next _key>>
<</replace>>
<</button>>
<</if>>
</div>
<</widget>><<set $tentativasCodigo = 5>>
<<set $codigoOK = false>>
<<set $codigoEntrada = "">>
<<set $luvas = false>>
<<set $catáliseConcluida = false>>
<<set $optsTermo = [
"Vapor gira as turbinas",
"Queima do combustível fóssil ou biomassa",
"Gerador transforma movimento em eletricidade",
"Aquecimento da água nas caldeiras"
]>>
<<set $optsHidro = [
"Água gira as turbinas",
"Acúmulo de água no reservatório",
"Gerador converte o giro em eletricidade",
"Liberação da água pelos dutos"
]>>
<<set $optsSolar = [
"Condução da eletricidade para o sistema",
"Captação da luz solar pelos painéis",
"Elétrons começam a se mover dentro do material semicondutor"
]>>
<<set $inv_luvas = false>>
:: StoryInit
<<set $ok_B5 = $ok_B5 or false>>
<<set $ok_B6 = $ok_B6 or false>>
<<set $ok_B7 = $ok_B7 or false>>
:: StoryInit
<<set $veioDoB7 = $veioDoB7 or false>>
<<set $ok_B4 = $ok_B4 or false>>
<<set $ok_B5 = false>>
<<set $ok_B6 = false>>
<<set $principiosUnlocked = false>>
<<set $labsMenuUnlocked = false>>
<<set $fezD = false>>
<<set $fezE = false>>
<<set $fezF = false>>
<<set $fezD1 = false>>
<<set $fezE1 = false>>
<<set $fezE2 = false>>
<<set $fezF1 = false>>
<<set $fezF2 = false>>
<<set $fezF3 = false>><<if $msgEnergia is "SUCESSO">>
Como recompensa, você conquistou mais um item obrigatório de segurança:
''🧤 Caixa de Luvas''
<<set $inv_luvas = true>> <<run UIBar.update()>> <<set $ok_B6 = true>>
Atualize sua ficha de pesquisador e verifique seu progresso.
Seus itens obrigatórios já estão completos?
''<<link "SIM">>''
<<if $inv_jaleco and $inv_luvas and $inv_oculos and $inv_pinca and $inv_ph>>
<<if not $ok_B5>>
<<run showExp("⛔ Etapa obrigatória", `
<div class="box">
<b>Acesso bloqueado.</b>
Você ainda precisa concluir o CAPÍTULO 5 antes de acessar os laboratórios do CerSusChem.
<<button "Voltar para CAPÍTULO 5">>
<<run Dialog.close()>>
<<goto "CAPÍTULO 5">>
<</button>>
</div>
`)>>
<<else>>
<<goto "PortaoC1">>
<</if>>
<<else>>
<<run showExp("⛔ Itens incompletos", `
<div class="box">
<b>Você ainda não tem todos os itens obrigatórios.</b>
Retorne e complete sua ficha de pesquisador antes de seguir.
<<button "Ir para CAPÍTULO 5">>
<<run Dialog.close()>>
<<goto "CAPÍTULO 5">>
<</button>>
</div>
`)>>
<</if>>
<</link>>
'' [[NÃO->CAPÍTULO 5]] ''
<</if>>[...] Atualmente, muitas pesquisas têm se voltado para combustíveis alternativos e renováveis, tanto pela redução das reservas de combustíveis fósseis quanto pelas preocupações com seus impactos ambientais, como a poluição do ar e o agravamento do aquecimento global.
É nesse cenário que a Química Verde ganha força, propondo diretrizes como o uso de matérias-primas renováveis, o aumento da eficiência energética e a redução de resíduos e de substâncias tóxicas nos processos químicos.
Ele passa para o próximo slide.
<<linkreplace "Continuar">>
<img src="https://github.com/daniestevan22-ops/livrojogo/blob/main/slide%20palestrante.png?raw=true" class="slide-img" alt="Slide do palestrante">
Na área de energia, isso significa criar rotas de produção de combustíveis e materiais que consumam menos energia, emitam menos CO₂ e utilizem insumos renováveis, contribuindo para um modelo mais sustentável de produção e consumo.
O palestrante então se volta ao público:
— Alguém aqui sabe quais fontes renováveis de energia limpa são pesquisadas e desenvolvidas no nosso Centro de Pesquisa em Química Sustentável?
...
Ele aponta na sua direção:
— E você, nosso convidado, … já conhece com o que trabalhamos?
[[Sim ->B6b1]]
[[Não ->B6b2]]
<</linkreplace>><<set _faltandoItens = []>>
<<set _faltandoEtapas = []>>
<<if !$inv_jaleco>><<set _faltandoItens.push("🥼 Jaleco")>><</if>>
<<if !$inv_luvas>><<set _faltandoItens.push("🧤 Luvas")>><</if>>
<<if !$inv_oculos>><<set _faltandoItens.push("🥽 Óculos de proteção")>><</if>>
<<if !$inv_pinca>><<set _faltandoItens.push("🧷 Pinça")>><</if>>
<<if !$inv_ph>><<set _faltandoItens.push("🧪 Indicador de pH")>><</if>>
<<if !$ok_B5>><<set _faltandoEtapas.push("CAPÍTULO 5")>><</if>>
<<if !$ok_B6>><<set _faltandoEtapas.push("CAPÍTULO 6")>><</if>>
<<if !$ok_B7>><<set _faltandoEtapas.push("CAPÍTULO 7")>><</if>>
<<if _faltandoItens.length > 0>>
<h2>⛔ Acesso bloqueado</h2>
Faltam itens obrigatórios no inventário:
<ul>
<<for _i range _faltandoItens>>
<li><<print _i>></li>
<</for>>
</ul>
<<link "➡ Procurar itens obrigatórios">><<goto "CAPÍTULO 7">><</link>>
<<elseif _faltandoEtapas.length > 0>>
<h2>⛔ Falta concluir etapas</h2>
Antes de acessar <b>C1</b>, você precisa concluir:
<ul>
<<for _e range _faltandoEtapas>>
<li><<print _e>></li>
<</for>>
</ul>
<<if !$ok_B5>>
<<link "➡ Ir para CAPÍTULO 5">><<goto "CAPÍTULO 5">><</link>>
<<elseif !$ok_B6>>
<<link "➡ Ir para CAPÍTULO 6">><<goto "CAPÍTULO 6">><</link>>
<<else>>
<<link "➡ Ir para CAPÍTULO 7">><<goto "CAPÍTULO 7">><</link>>
<</if>>
<<else>>
<<goto "CAPÍTULO 8">>
<</if>><<set $veioDoB7 = true>>
<<if $ok_B5 and not $ok_B6>>
<h2>⛔ Etapa obrigatória</h2>
Você já concluiu uma das etapas necessárias, mas ainda falta outra antes de acessar os laboratórios.
<<link "➡ Ir para CAPÍTULO 6">>
<<goto "CAPÍTULO 6">>
<</link>>
<<elseif $ok_B6 and not $ok_B5>>
<h2>⛔ Etapa obrigatória</h2>
Você já concluiu uma das etapas necessárias, mas ainda falta outra antes de acessar os laboratórios.
<<link "➡ Voltar para CAPÍTULO 5">>
<<goto "CAPÍTULO 5">>
<</link>>
<<elseif $ok_B5 and $ok_B6>>
<<goto "CAPÍTULO 8">>
<<else>>
<h2>⛔ Etapa obrigatória</h2>
Antes de acessar os laboratórios, você ainda precisa concluir as etapas obrigatórias.
<<link "Continuar">>
<<goto "CAPÍTULO 4">>
<</link>>
<</if>>— Durante uma aula prática no laboratório de ensino, a turma estava dividida em grupos fazendo experimentos nas bancadas. Numa delas, tinha um bico de Bunsen (tipo um fogareiro) aceso pra aquecer uma solução.
Acontece que, uma aluna precisou abrir um frasco de álcool concentrado (>90%) e decidiu fazer isso diretamente na bancada, fora da capela de exaustão, afirmando que seria "rapidinho"
Contudo, com o frasco aberto, o vapor do álcool se espalhou no ar… e acabou encostando na chama do bico de Bunsen.
— Isso foi mais que o suficiente para formar uma labareda na bancada, deixando todo mundo em volta assustado. O aluno que estava usando a chama recuou no momento do susto, mas esbarrou num béquer com solução de ácido clorídrico. O recipiente virou e parte do ácido caiu direto na mão dele"
Ele te pergunta:
— Na sua opinião, tudo isso podia ter sido evitado de alguma forma? Outra coisa, agora que voce sabe quais as normas e dicas de segurança, o que você diria que era necessário fazer nessa situação de risco?
<<linkreplace "🔎 Analisar situação">>
<<link "A) Apagar o fogo com água e depois lavar a mão do aluno com água">>
<<run showExp("❌ Pegadinha!", `
<div class="box">
<p><b>Álcool é inflamável.</b> Jogar água pode espalhar o líquido e aumentar a área em chamas.</p>
<p><b>Ácido na pele</b> não deve ser “limpo com água”. O correto é <b>lavar com água corrente em abundância e sabão</b> por vários minutos.</p>
<p class="ok">✅ O melhor é: <b>Usar o extintor adequado e levar o colega rapidamente para lavar a mão com água corrente e sabão</b>.</p>
<<button "Continuar">>
<<run Dialog.close()>>
<<goto "CAPÍTULO 3">>
<</button>>
</div>
`)>>
<</link>>
<<link "B) Levar o colega direto pra lavar a mão e deixar o fogo pra depois">>
<<run showExp("❌ Quase… mas tem um risco maior aqui", `
<div class="box">
<p>Lavar o ácido é importante, mas <b>o fogo é um risco imediato pra todo mundo</b> e pode se espalhar rápido.</p>
<p class="ok">✅ O melhor é: <b>Usar o extintor adequado e levar o colega rapidamente para lavar a mão com água corrente e sabão</b>.</p>
<<button "Continuar">>
<<run Dialog.close()>>
<<goto "CAPÍTULO 3">>
<</button>>
</div>
`)>>
<</link>>
<<link "C) Afastar todo mundo e esperar a chama baixe sozinha">>
<<run showExp("❌ Pegadinha", `
<div class="box">
<p>Afastar as pessoas ajuda, mas <b>esperar o fogo apagar sozinho</b> é perigoso — ele pode crescer e atingir reagentes. Além disso, o colega com ácido na mão corre risco se não lava-lá o mais rápido possível com água corrente e sabão </p>
<p class="ok">✅ O melhor é: <b>Usar o extintor adequado e levar o colega rapidamente para lavar a mão com água corrente e sabão</b>.</p>
<<button "Continuar">>
<<run Dialog.close()>>
<<goto "CAPÍTULO 3">>
<</button>>
</div>
`)>>
<</link>>
<<link "D) Avisar o professor e usar o extintor adequado, enquanto o colega lava a mão com água corrente">>
<<set $ok_seguranca = true>>
<<run showExp("✅ Análise correta!", `
<div class="box">
<p class="ok">✅ Você avaliou a situação de risco da maneira correta.</p>
<p><b>Prioridade:</b> conter o fogo (risco imediato para todos) com o <b>extintor adequado</b> e <b> avisar o professor/técnico responsável</b>.</p>
<p><b>Em paralelo:</b> orientar, rapidamente, o colega a <b>lavar a mão com água corrente em abundância e sabão </b> por vários minutos.</p>
<p> <b> Lembre-se: </b> Acidentes acontecem. Mesmo em momentos de pânico, é de extrema importância acalmar-se e realizar os procedimentos de segurança. E claro, <b>USAR OS EQUIPAMENTOS DE SEGURANÇA INDIVIDUAL</b> </p>
<<button "Continuar">>
<<run Dialog.close()>>
<<goto "CAPÍTULO 3">>
<</button>>
</div>
`)>>
<</link>>
<</linkreplace>>Tudo bem! Agradeço pela atenção em nossa conversa :)
Se tiver algo em que possa te ajudar, conte comigo!
[[Sair do Auditório Mario Tolentino ->B6b4b]]
[[Pedir ajuda para conseguir um item obrigatório ->B6b4a]]<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin:6px 0 14px;">
MAIS INFORMAÇÕES
</div>
Para adquirir mais informações sobre o Centro de Pesquisa em Química Sustentável e os laboratórios participantes, você pode acessar:
<strong>Importante:</strong> Após a visita, retorne para o livro-jogo para continuar sua jornada.
<ul style="display:inline-block; text-align:left; margin-top:18px;">
<li><a href="https://www.cersuschem.ufscar.br/pt-br" target="_blank" rel="noopener noreferrer">CERSusChem</a></li>
<li><a href="https://www.labivo.ufscar.br/pt-br" target="_blank" rel="noopener noreferrer">LabIvo</a></li>
<li><a href="https://www.sintesedq.ufscar.br/pt-br" target="_blank" rel="noopener noreferrer">LSPN</a></li>
<li><a href="https://cdmf.org.br/" target="_blank" rel="noopener noreferrer">LIEC (CDMF)</a></li>
</ul>
''Você se sente finalmente pronto para começar agora?''
[[ESTOU PRONTO!->COMO JOGAR]]
<<link "NÃO">>
<<set $retornoFinalErrado = "MAIS INFORMAÇÕES">>
<<goto "FIM ERRADO">>
<</link>>
A Mestra Celestina, pesquisadora no LabIvo, te cumprimenta.
— Prazer em conhecer você! Aqui, eu trabalho com a transformação de substâncias que, à primeira vista, parecem simples… mas que escondem um enorme potencial energético e ambiental. Inclusive, eu acabei de finalizar um experimento interessante com uma delas. Se quiser, posso te mostrar como isso funciona na prática.
Ela começa a se mover em direção à bancada principal, sinalizando para que você a acompanhe.
<<linkreplace "Acompanhar Celestina">>
O local está cheio de tubos complexos e o cheiro de óleo e sal é constante. Celestina conduz você até uma bancada isolada.
— Aqui está o que eu queria te mostrar. Este é o Espírito de Metano, ou CH₄. Um gás invisível, mas com um potencial energético extremamente perigoso… capaz de impactar a atmosfera com uma intensidade até 80 vezes maior que o dióxido de carbono.
— A Química Verde, ou como gosto de chamar, Alquimia Verde, não busca destruir essas substâncias. Nós buscamos transformá-las.
— Neste caso, eu já realizei a transmutação utilizando um processo guiado pela luz do sol. Em vez de combustão, utilizamos energia luminosa controlada para reorganizar a estrutura molecular do metano.
— O resultado foi a formação de uma nova essência: o Ácido Fórmico, CH₂O₂. Uma substância muito mais estável e útil dentro do que chamamos de Alquimia Verde.
Ela se afasta um pouco e então pega um pergaminho da bancada.
— Agora, vou te mostrar exatamente como esse processo foi conduzido.
[[Ver pergaminho ->F1a1]]
<</linkreplace>><<set $respostaF2 = $respostaF2 or "">> <<set $tentativasF2 = $tentativasF2 or 0>> <<set $perguntaF2Liberada = $perguntaF2Liberada or false>>A mestre transmutadora Iris aguarda diante de uma redoma de vidro onde o ar parece ondular como se tivesse peso.
— Respire fundo, jovem!
O que envolve esta câmara é o Spiritus Exhalatus… o dióxido invisível que os homens libertam aos céus. Em excesso, ele aprisiona o calor e perturba o equilíbrio das eras.
Ela te leva até a bancada
— Hoje você aprenderá que não destruímos o excesso do céu.
Nós o fixamos. Transformamos o errante em permanente.
A partir de agora, Iris te mostrará como toda a transformação acontece
<<linkreplace "Continuar">>
<div style="text-align:center; margin:20px 0;">
<video
id="videoF2"
autoplay
muted
playsinline
preload="auto"
controls
style="max-width:100%; width:700px; height:auto; display:block; margin:0 auto; border-radius:12px; background:#000;">
<source src="https://i.imgur.com/YestavP.mp4" type="video/mp4">
Seu navegador não suporta vídeo.
</video>
</div>
<div id="blocoPerguntaF2" style="display:none; margin-top:20px;">
Iris coloca em suas mãos o pequeno bloco branco.
— Agora diga-me, aprendiz... o que nós produzimos?
<div style="background:#ffffff; border:1px solid #d9e1e7; border-radius:14px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,0.06);">
<label style="display:block; background:#f8fbfc; border:1px solid #d9e1e7; border-radius:10px; padding:14px 16px; margin:10px 0; cursor:pointer; line-height:1.45;">
<<radiobutton "$respostaF2" "F2b1">>
<b>A)</b> Eu apenas dissolvi o gás na água; ele desaparecerá novamente.
</label>
<label style="display:block; background:#f8fbfc; border:1px solid #d9e1e7; border-radius:10px; padding:14px 16px; margin:10px 0; cursor:pointer; line-height:1.45;">
<<radiobutton "$respostaF2" "F2b2">>
<b>B)</b> Eu transformei o dióxido de carbono em um mineral sólido, na forma de carbonato.
</label>
<label style="display:block; background:#f8fbfc; border:1px solid #d9e1e7; border-radius:10px; padding:14px 16px; margin:10px 0; cursor:pointer; line-height:1.45;">
<<radiobutton "$respostaF2" "F2b3">>
<b>C)</b> Eu converti o gás diretamente em oxigênio puro.
</label>
<div style="margin-top:14px;">
<<button "Verificar">><<replace "#feedbackF2">> <<if $respostaF2 is "">>
<div style="margin-top:16px; padding:14px; border-radius:10px; line-height:1.5; background:#fdeeee; border-left:5px solid #c0392b;">
''Selecione uma alternativa antes de verificar.''
</div> <<elseif $respostaF2 is "F2b2">>
<div style="margin-top:16px; padding:14px; border-radius:10px; line-height:1.5; background:#eef8ee; border-left:5px solid #2e8b57;">
''Resposta correta.''
[[Continuar->F2b2]]
</div> <<else>> <<set $tentativasF2 += 1>> <<if $tentativasF2 < 3>>
<div style="margin-top:16px; padding:14px; border-radius:10px; line-height:1.5; background:#fdeeee; border-left:5px solid #c0392b;">
''Tente novamente''
Você ainda tem <<= 3 - $tentativasF2>> tentativa(s).
</div> <<else>> <div style="margin-top:16px; padding:14px; border-radius:10px; line-height:1.5; background:#fff4e5; border-left:5px solid #d68910;">
Suas tentativas acabaram.
A resposta correta era:
''Eu transformei o dióxido de carbono em um mineral sólido, aprisionando-o na forma de carbonato.''
[[Continuar->F2b2]]
</div>
<</if>>
<</if>>
<</replace>>
<</button>>
</div>
<div id="feedbackF2"></div>
</div>
</div>
<<if $perguntaF2Liberada>>
<<run $("#blocoPerguntaF2").show()>>
<<else>>
<<run setTimeout(function () {
SugarCube.State.variables.perguntaF2Liberada = true;
$("#blocoPerguntaF2").show();
}, 30000)>>
<</if>>
<</linkreplace>><<set $tabCor = $tabCor or "">> <<set $tabTiO2 = $tabTiO2 or "">> <<set $tabLuz = $tabLuz or "">> O Professor continua falando com você e, depois de explicar o funcionamento do laboratório, aponta para uma bancada onde repousa um frasco já utilizado em outro estudo.
— Nem toda transformação precisa ser observada desde o início para ser compreendida. Um bom pesquisador também aprende a ler os sinais deixados pela matéria.
Ele ergue o frasco e continua:
— Neste experimento, o espírito de vinho, um líquido volátil que carrega em si a energia das chamas, mas carece de propósito, foi colocado sob a ação da luz, na presença do pó de titânia. Ao final, sua cor mudou e sua natureza já não era mais a mesma.
Então, ele lhe entrega um pergaminho.
— O segredo da arte verde é tomar aquilo que envenena os céus e, com a luz como aliada, convertê-lo em substância de valor. Não destruímos o mal pela força, nós o transmutamos.
— Agora observe os registros da transmutação e complete corretamente a tabela de interpretação.
<div style="text-align:center; margin:20px 0;">
<img src="https://i.imgur.com/tadBtNh.png"
alt="Pergaminho do experimento"
style="max-width:100%; width:700px; height:auto; display:block; margin:0 auto; border-radius:12px;">
</div>
<div style="
max-width:600px;
margin:14px auto;
background:#f6edd7;
border:2px solid #d8c39a;
border-radius:16px;
padding:22px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
"> <div style="text-align:center; font-size:1.3em; font-weight:bold; color:#6b4f1d; margin-bottom:12px;"> 📜 Interpretação do Pergaminho </div>
<table style="
width:100%;
border-collapse:collapse; background:rgba(255,248,230,0.75); font-size:22px;
table-layout:fixed;
"> <tr> <th style="border:1px solid #c9b182; padding:10px; background:#ead7ad;">Pista observada</th> <th style="border:1px solid #c9b182; padding:10px; background:#ead7ad;">Interpretação</th>
</tr> <tr> <td style="border:1px solid #c9b182; padding:10px; vertical-align:top;">
A solução passou de <b>azul</b> para <b>amarela</b>.
</td>
<td style="border:1px solid #c9b182; padding:10px;">
<div id="campoCor">
<<if $tabCor is "cor_certo">>
<div style="padding:8px; background:#eef8ee; border-left:5px solid #2e8b57; border-radius:8px;">
✅ Houve transformação química e mudança de caráter: de alcalino para ácido
</div>
<<else>>
<<listbox "$tabCor">>
<<option "— escolha —" "">>
<<option "Houve transformação química e mudança de caráter: de alcalino para ácido" "cor_certo">>
<<option "Nada mudou; foi apenas um efeito visual da luz" "cor_errado1">>
<<option "A solução continuou com a mesma característica inicial" "cor_errado2">>
<</listbox>>
<</if>>
</div>
</td>
</tr>
<tr>
<td style="border:1px solid #c9b182; padding:10px; vertical-align:top;">
Foi adicionado <b>pó de titânia (TiO₂)</b>.
</td>
<td style="border:1px solid #c9b182; padding:10px;">
<div id="campoTiO2">
<<if $tabTiO2 is "tio2_certo">>
<div style="padding:8px; background:#eef8ee; border-left:5px solid #2e8b57; border-radius:8px;">
✅ O TiO₂ atuou como catalisador / semicondutor no processo
</div>
<<else>>
<<listbox "$tabTiO2">>
<<option "— escolha —" "">>
<<option "O TiO₂ atuou como catalisador / semicondutor no processo" "tio2_certo">>
<<option "O TiO₂ serviu apenas para mudar a cor da mistura" "tio2_errado1">>
<<option "O TiO₂ foi o reagente principal consumido na reação" "tio2_errado2">>
<</listbox>>
<</if>>
</div>
</td>
</tr>
<tr>
<td style="border:1px solid #c9b182; padding:10px; vertical-align:top;">
A mistura foi deixada sob a <b>luz do sol</b>.
</td>
<td style="border:1px solid #c9b182; padding:10px;">
<div id="campoLuz">
<<if $tabLuz is "luz_certo">>
<div style="padding:8px; background:#eef8ee; border-left:5px solid #2e8b57; border-radius:8px;">
✅ A luz forneceu energia para ativar a transformação
</div>
<<else>>
<<listbox "$tabLuz">>
<<option "— escolha —" "">>
<<option "A luz forneceu energia para ativar a transformação" "luz_certo">>
<<option "A luz não teve função no experimento" "luz_errado1">>
<<option "A luz apenas resfriou o sistema" "luz_errado2">>
<</listbox>>
<</if>>
</div>
</td>
</tr>
</table>
<div style="margin-top:18px; text-align:center;">
<<button "Verificar respostas">>
<<if $tabCor is "cor_certo">>
<<replace "#campoCor">>
<div style="padding:8px; background:#eef8ee; border-left:5px solid #2e8b57; border-radius:8px;">
✅ Houve transformação química e mudança de caráter: de alcalino para ácido
</div>
<</replace>>
<<else>>
<<set $tabCor = "">>
<<replace "#campoCor">>
<<listbox "$tabCor">>
<<option "— escolha —" "">>
<<option "Houve transformação química e mudança de caráter: de alcalino para ácido" "cor_certo">>
<<option "Nada mudou; foi apenas um efeito visual da luz" "cor_errado1">>
<<option "A solução continuou com a mesma característica inicial" "cor_errado2">>
<</listbox>>
<</replace>>
<</if>>
<<if $tabTiO2 is "tio2_certo">>
<<replace "#campoTiO2">>
<div style="padding:8px; background:#eef8ee; border-left:5px solid #2e8b57; border-radius:8px;">
✅ O TiO₂ atuou como catalisador / semicondutor no processo
</div>
<</replace>>
<<else>>
<<set $tabTiO2 = "">>
<<replace "#campoTiO2">>
<<listbox "$tabTiO2">>
<<option "— escolha —" "">>
<<option "O TiO₂ atuou como catalisador / semicondutor no processo" "tio2_certo">>
<<option "O TiO₂ serviu apenas para mudar a cor da mistura" "tio2_errado1">>
<<option "O TiO₂ foi o reagente principal consumido na reação" "tio2_errado2">>
<</listbox>>
<</replace>>
<</if>>
<<if $tabLuz is "luz_certo">>
<<replace "#campoLuz">>
<div style="padding:8px; background:#eef8ee; border-left:5px solid #2e8b57; border-radius:8px;">
✅ A luz forneceu energia para ativar a transformação
</div>
<</replace>>
<<else>>
<<set $tabLuz = "">>
<<replace "#campoLuz">>
<<listbox "$tabLuz">>
<<option "— escolha —" "">>
<<option "A luz forneceu energia para ativar a transformação" "luz_certo">>
<<option "A luz não teve função no experimento" "luz_errado1">>
<<option "A luz apenas resfriou o sistema" "luz_errado2">>
<</listbox>>
<</replace>>
<</if>>
<<replace "#feedbackPergaminho">>
<<if $tabCor is "cor_certo" and $tabTiO2 is "tio2_certo" and $tabLuz is "luz_certo">>
<<set $fezF3 = true>>
<div style="
margin-top:16px;
padding:16px;
border-radius:12px;
line-height:1.6;
background:#eef8ee;
border-left:6px solid #2e8b57;
">
<b>Muito bem.</b>
Você interpretou corretamente os sinais da transmutação.
— Excelente — diz o Prof. Mestre. — Você aprendeu a ler os sinais deixados pela matéria, como faz todo bom pesquisador.
[[Voltar ao laboratório->F0a]]
</div>
<<else>>
<div style="
margin-top:16px;
padding:16px;
border-radius:12px;
line-height:1.6;
background:#fdeeee;
border-left:6px solid #c0392b;
">
<b>Ainda não.</b><br>
As respostas corretas foram mantidas. Os campos incorretos ficaram em branco para você tentar novamente.
</div>
<</if>>
<</replace>>
<</button>>
</div>
<div id="feedbackPergaminho"></div>
</div><img
src="https://i.imgur.com/B3kdLig.png"
alt="imagem de abertura da passagem"
style="width: 900px; max-width:100%; height:auto; display:block; margin:0 auto 18px; border-radius:12px;"
>
— Agora que você testemunhou a formação da Essência Escarlate, é hora de ir além da execução.
<<set $tentativasEnigmas = $tentativasEnigmas or 0>> <div style="text-align:center; font-weight:600; font-size:30px; color:#0b5a33; margin: 6px 0 16px;"> ENIGMAS </div> <div style="width:100%; margin-top:20px;"> <table style="width:100%; border-collapse:collapse; background:rgba(255,255,255,0.96); font-size:14px; table-layout:fixed;"> <tr>
<td style="border:1px solid #999; padding:8px;">
<b>Enigma 1</b>
No início, nós queimávamos o metano em CO₂.
''Por que a plataforma prefere manter a chaminé acesa ao invés de simplesmente liberar o metano puro para o manto celeste?''
</td>
<td style="border:1px solid #999; padding:8px;">
<<listbox "$enigma1">>
<<option "— escolha —" "">>
<<option "Porque o CO₂ é 80% menos prejudicial que o metano" "e1_certo">>
<<option "Porque o metano é mais pesado que o ar" "e1_errado1">>
<<option "Porque a chama facilita o transporte do gás" "e1_errado2">>
<</listbox>>
</td>
</tr>
<tr>
<td style="border:1px solid #999; padding:8px;">
<b>Enigma 2</b>
Ao final, você transmutou o gás em líquido (ácido fórmico).
''Pensando na logística de transporte marinho, qual é a grande vantagem física de ter um líquido em vez de um gás?''
</td>
<td style="border:1px solid #999; padding:8px;">
<<listbox "$enigma2">>
<<option "— escolha —" "">>
<<option "Líquidos são mais fáceis de transportar e armazenar do que gases sob pressão" "e2_certo">>
<<option "Líquidos sempre ocupam mais espaço que gases" "e2_errado1">>
<<option "Líquidos dispensam recipientes adequados" "e2_errado2">>
<</listbox>>
</td>
</tr>
<tr>
<td style="border:1px solid #999; padding:8px;">
<b>Enigma 3</b>
Analise as fórmulas químicas: Metano (CH₄) vs. Ácido Fórmico (CH₂O₂).
''Qual elemento químico precisou ser adicionado pela ação da luz e do catalisador para dentro da fórmula?''
</td>
<td style="border:1px solid #999; padding:8px;">
<<listbox "$enigma3">>
<<option "— escolha —" "">>
<<option "Oxigênio (O)" "e3_certo">>
<<option "Nitrogênio (N)" "e3_errado1">>
<<option "Hidrogênio (H)" "e3_errado2">>
<</listbox>> </td> </tr> </table> </div> <div id="feedbackEnigmas" style="margin-top:22px;"></div> <div id="acaoEnigmas" style="margin-top:18px; text-align:center;"> <<button "✅ Verificar">>
<<set _acertos = 0>> <<set _ok1 = ($enigma1 is "e1_certo")>> <<set _ok2 = ($enigma2 is "e2_certo")>> <<set _ok3 = ($enigma3 is "e3_certo")>> <<if _ok1>><<set _acertos += 1>><</if>> <<if _ok2>><<set _acertos += 1>><</if>> <<if _ok3>><<set _acertos += 1>><</if>> <<if _ok1 and _ok2 and _ok3>>
<<replace "#feedbackEnigmas">> <div style="padding:16px; background:#eef8ee; border-left:5px solid #2e8b57; border-radius:8px; text-align:left;"> <b>✅ Decodificação concluída!</b>
Você resolveu corretamente os três enigmas.
<b>Acertos:</b> 3 de 3
</div> <</replace>>
<<replace "#acaoEnigmas">>
''[[Continuar->F1b1]]''
<</replace>>
<<else>>
<<set $tentativasEnigmas += 1>>
<<if not _ok1>>
<<set $enigma1 = "">>
<<run $("select").eq(0).val("")>>
<</if>>
<<if not _ok2>>
<<set $enigma2 = "">>
<<run $("select").eq(1).val("")>>
<</if>>
<<if not _ok3>>
<<set $enigma3 = "">>
<<run $("select").eq(2).val("")>>
<</if>>
<<replace "#feedbackEnigmas">>
<div style="padding:16px; background:#fff8e8; border-left:5px solid #d9a300; border-radius:8px; text-align:left;">
<b>Quase lá...</b>
<b>Acertos:</b> <<print _acertos>> de 3
<b>Tentativas usadas:</b> <<print $tentativasEnigmas>>
As respostas corretas foram mantidas. Tente novamente.
</div> <</replace>>
<</if>> <</button>>
</div>
Vamos lá, deixa eu explicar melhor cada coisa!
<div style="text-align:center; margin:20px 0;"> <img src="https://i.imgur.com/8fF74ZA.png"
alt="imagem" style="max-width:100%; width:700px; height:auto; display:block; margin:0 auto; border-radius:12px;"> </div>
[[Continuar ->C8a]] Ao sair do auditório e avançar pelo corredor do térreo, você ainda consegue ouvir os pesquisadores conversando. Por um instante, surge a sensação de que parte daquelas informações poderá ser útil para a sua missão.
Poucos passos adiante, sua atenção é desviada por uma mesa repleta de papéis, figuras, gráficos e recortes coloridos. Um professor do Departamento parece concentrado, organizando aquele material como se preparasse uma apresentação importante.
<<linkreplace "''Aproximar-se''">>
— Estou preparando um material para apresentar em uma Feira de Ciências de uma escola aqui da cidade. O tema é "Admirável mundo sustentável", e quero mostrar aos alunos algumas pesquisas e conceitos ligados à energia limpa e sustentável desenvolvidos aqui na Universidade."
— Talvez você possa me ajudar com seus conhecimentos em produção de energia sustentável
<<linkreplace "''Ajudar o professor''">>
Você se aproxima da mesa e observa as anotações do professor. Entre resumos, comparações e explicações curtas, há 4 afirmações sobre diferentes formas de produção de gás hidrogênio.
Você percebe que uma dessas afirmações está incorreta.
— Poxa, não percebi esse erro antes. Qual frase está errada?
<<set $respostaEnergia = $respostaEnergia or "">>
<style>
.bloco-questao-energia{
background:#ffffff;
border:1px solid #d9e1e7;
border-radius:14px;
padding:20px;
margin-top:18px;
box-shadow:0 2px 8px rgba(0,0,0,0.06);
}
.alternativa-energia{
display:block;
background:#f8fbfc;
border:1px solid #d9e1e7;
border-radius:10px;
padding:14px 16px;
margin:10px 0;
cursor:pointer;
line-height:1.45;
}
.alternativa-energia:hover{
background:#eef5f7;
}
.alternativa-energia input{
margin-right:10px;
transform:scale(1.1);
}
.feedback-energia{
margin-top:16px;
padding:14px;
border-radius:10px;
line-height:1.5;
}
.feedback-erro{
background:#fdeeee;
border-left:5px solid #c0392b;
}
.feedback-ok{
background:#eef8ee;
border-left:5px solid #2e8b57;
}
</style> <div class="bloco-questao-energia">
Mostre ao professor qual afirmação está <b>INCORRETA</b>
<label class="alternativa-energia">
<<radiobutton "$respostaEnergia" "A">>
<b>A)</b> O hidrogênio cinza é produzido a partir de gás natural e combustíveis fósseis sem captura de carbono.
</label>
<label class="alternativa-energia">
<<radiobutton "$respostaEnergia" "B">>
<b>B)</b> O hidrogênio verde é produzido por eletrólise da água usando fontes renováveis, como energia eólica e solar.
</label>
<label class="alternativa-energia">
<<radiobutton "$respostaEnergia" "C">>
<b>C)</b> O hidrogênio rosa está associado à eletrólise da água com energia de origem nuclear.
</label>
<label class="alternativa-energia">
<<radiobutton "$respostaEnergia" "D">>
<b>D)</b> O hidrogênio azul é produzido exclusivamente por fontes renováveis.
</label>
<div style="margin-top:8px;"> <<button "Verificar">>
<<replace "#feedbackEnergia">> <<if $respostaEnergia is "">> <div
class="feedback-energia feedback-erro">
<b>Selecione uma alternativa antes de verificar.</b> </div>
<<elseif $respostaEnergia is "D">> <<set $inv_luvas = true>> <<set $ok_B6 = true>> <<run UIBar.update()>> <div class="feedback-energia feedback-ok">
<b>Muito bem.</b> Você identificou corretamente a informação incorreta!
<b>O hidrogênio azul não é produzido exclusivamente por fontes renováveis. Ele continua associado a combustíveis fósseis, geralmente com captura de carbono.</b>
Como agradecimento pela ajuda, o professor lhe entrega mais um item essencial para sua jornada:
<b>🧤 Caixa de Luvas</b>
<b> [[Continuar->CAPÍTULO 8]] </b>
</div>
<<else>>
<div class="feedback-energia feedback-erro">
<b>Não é essa.</b><br>
Revise as informações e tente novamente.
</div>
<</if>>
<</replace>>
<</button>>
</div>
<div id="feedbackEnergia"></div>
</div>
<</linkreplace>>
<</linkreplace>>— Hahaha! Boa resposta! Que tal começarmos do começo...
Quero te mostrar uma coisa que facilitará nossa conversa e seu entendimento sobre o assunto. Pode ser?
<<linkreplace "Sim">>
<i>(Luciana pega o tablet para te mostrar.)</i>
<div style="text-align:center; margin:18px 0;">
<img
src="images/sua-imagem.png"
alt="Imagem mostrada por Luciana"
style="max-width:100%; border-radius:12px; border:2px solid #ddd;"
>
</div>
<<timed 15s>>
— Me diga, analisando essa situação, ''o erro na pesquisa científica é uma coisa boa?''
<<link "Não">>
<<run Dialog.setup("RESPOSTA")>>
<<run Dialog.wiki(`
<div style="max-width:640px; margin:0 auto; line-height:1.5; text-align:left; background:#f8f8f2; color:#222; padding:18px; border-radius:12px; box-sizing:border-box;">
Poxa, talvez você deva analisar com mais atenção… o erro é muito importante para a Ciência! Uma das principais ações de cientistas é confrontar ideias, hipóteses e perguntas com o mundo real por meio de observações e experimentos.
<div style="text-align:center; margin-top:18px;">
<button
type="button"
onclick="
var fechar = document.getElementById('ui-dialog-close');
if (fechar) { fechar.click(); }
setTimeout(function () {
SugarCube.Engine.play('C2');
}, 100);
"
style="padding:10px 18px; border:none; border-radius:8px; background:#0b5a33; color:white; cursor:pointer;"
>
Continuar
</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
<<link "Sim">>
<<run Dialog.setup("RESPOSTA")>>
<<run Dialog.wiki(`
<div style="max-width:640px; margin:0 auto; line-height:1.5; text-align:left; background:#f8f8f2; color:#222; padding:18px; border-radius:12px; box-sizing:border-box;">
Isso mesmo! O erro é muito importante para a Ciência. Uma das principais ações de cientistas é confrontar ideias, hipóteses e perguntas com o mundo real por meio de observações e experimentos. Quando algo não sai como esperado, esse resultado também ensina, orienta novas perguntas e ajuda a melhorar a investigação.
<div style="text-align:center; margin-top:18px;">
<button
type="button"
onclick="
var fechar = document.getElementById('ui-dialog-close');
if (fechar) { fechar.click(); }
setTimeout(function () {
SugarCube.Engine.play('C2');
}, 100);
"
style="padding:10px 18px; border:none; border-radius:8px; background:#0b5a33; color:white; cursor:pointer;"
>
Continuar
</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
<</timed>>
<</linkreplace>>Será um prazer te ajudar!
Mas antes de te entregar o item que precisa, gostaria que me ajudasse com uma coisa. Pode ser?
[[Ajudar ->B6b1]]<div style="
margin: 18px 0 28px 0;
border: 3px solid #caa64b;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 6px 12px rgba(0,0,0,0.18);
">
<div style="
background: #1f4d3b;
color: #f7d774;
text-align: center;
font-weight: 900;
font-size: 20px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 10px 14px;
">Nova missão
</div>
<div style="
background: rgba(236,249,239,0.96);
padding: 12px;
">
<div style="
text-align:center;
font-size: 30px;
font-weight: 700;
color: #c84d4d;
text-transform: uppercase;
margin-bottom: 2px;
">⚠ Sua escola precisa de você ⚠
</div>
<div style="
font-size: 22px;
line-height: 1.4;
text-align: center;
color: #111;
margin-bottom: 0px;
">Sua curiosidade, responsabilidade e vontade de aprender podem fazer a diferença para ''transformar conhecimento em ação!''
</div>
</div>
</div>
Nos últimos meses, a sua escola passou a enfrentar dificuldades que começaram a ameaçar diretamente as aulas práticas de Química e a realização da Feira de Ciências.
Os reagentes tradicionais estão cada vez mais caros, o descarte de resíduos químicos pesa no orçamento e o funcionamento do laboratório depende de práticas que já não parecem sustentáveis. Aos poucos, isso começou a comprometer não apenas a rotina escolar, mas também as oportunidades de aprendizagem dos estudantes.
Preocupada com a situação, a direção decidiu buscar ajuda especializada para compreender melhor o problema e encontrar alternativas mais seguras, viáveis e sustentáveis.
Como parte dessa iniciativa, um estudante foi escolhido para representar a turma nessa busca por soluções.
Para sua surpresa, ''você foi escolhido para essa missão!''
''[[ACEITAR MISSÃO ->CONVITE]]''Você recebe uma notificação em seu celular com a mensagem:
<div style="text-align:center; margin:16px 0;">
<img src="https://i.imgur.com/5qDpA2H.png"
alt="Convite"
style="max-width: 100%; width:380px; height:auto; display:block; margin:0 auto; border-radius:12px;">
</div>
Logo em seguida, uma nova mensagem chega com o link de localização e uma orientação final da diretoria:
''Observe, investigue, converse com os pesquisadores e volte com ideias capazes de transformar a realidade do nosso laboratório. Estamos contando com você!''
''[[SEGUIR LOCALIZAÇÃO ->INTRODUÇÃO]]''
Ao descobrir a real natureza da essência, Celestina sorri orgulhosamente e começa a explicar a alquimia do processo
— Muito bem, aprendiz. O que você acabou de aprender chama-se ''Fotocatálise Heterogênea Oceânica''. Em vez de usar fogo e combustíveis na chaminé, utilizamos a energia do Sol e um catalisador de Ferro para converter um gás estufa perigoso em uma substância útil.
— O catalisador não é consumido, ele apenas usa a energia solar para promover a oxidação de forma limpa e inteligente. Isso nos mostra que a química não precisa ser destrutiva. Ela pode ser precisa, controlada e sustentável. Técnicas como essa já são aplicadas na descontaminação de águas e na conversão de resíduos em novos materiais úteis.
— Bom, agora preciso retornar aos meus estudos. Espero que tenha gostado do que viu hoje! Foi um prazer te guiar até aqui. Nos vemos na próxima descoberta.
<<set $fezF1 = true>>
[[Voltar ao laboratório->F0a]]
<<if $fezE1 and $fezE2>> <<set $fezE = true>>
Você concluiu todas as atividades deste laboratório.
''Agora, siga para o próximo laboratório:''
<<if not $fezD>>
[[Ir para LSPN->D - LSPN (arlene)]]
<</if>>
<<if not $fezF>>
[[Ir para NANOBIO->F - LABIVO (ivo)]]
<</if>>
<<if $fezD and $fezF>>
[[Visitei todos os laboratórios->G - DESAFIO FINAL]]
<</if>>
<<else>>
Ao se aproximar da entrada do LIEC, você tem a sensação de estar diante de um espaço onde a ciência parece apontar diretamente para o futuro.
As portas automáticas se abrem, revelando corredores iluminados por uma luz fria e precisa. O ambiente lembra uma cena de filme de ficção científica: equipamentos sofisticados, laboratórios distribuídos ao longo do prédio e pesquisadores circulando entre diferentes salas de trabalho.
Ao final do corredor principal, a coordenadora Helena acena para você.
— Boas-vindas! Estávamos à sua espera. Para aproveitarmos melhor sua visita, que tal conversarmos enquanto caminhamos pelo prédio?
[[Aceitar o convite ->E0]]
<<link "Deixar o passeio para outro momento">>
<<run Dialog.setup("TEM CERTEZA?")>>
<<run Dialog.wiki(`
<div style="max-width:800px; margin:0 auto; padding:10px; line-height:1.5; text-align:left; background:#f8f8f2; color:#222; border-radius:10px;">
<b>LEMBRE-SE:</b> você chegou até aqui porque recebeu uma missão importante: <b>buscar novos conhecimentos que possam ajudar a resolver os problemas enfrentados pela sua escola.</b>
A coordenadora Helena será sua guia nesta etapa. Sem essa visita, você não conseguirá acessar informações e itens que podem ser importantes para a sua missão.
<b>Você mantém sua decisão de não realizar a visita guiada ao LIEC agora?</b>
<div style="text-align:center; margin-top:12px;">
<button type="button" onclick="
var fechar = document.getElementById('ui-dialog-close');
if (fechar) { fechar.click(); }
setTimeout(function () {
SugarCube.State.variables.retornoFinalErrado = 'E - LIEC';
SugarCube.Engine.play('FIM ERRADO');
}, 100);
">
Não realizar a visita agora
</button>
<button type="button" onclick="
var fechar = document.getElementById('ui-dialog-close');
if (fechar) { fechar.click(); }
setTimeout(function () {
SugarCube.Engine.play('E0');
}, 100);
">
Acompanhar a Coord. Helena
</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
<</if>><<set $viuTeste1 = false>> <<set $viuTeste2 = false>> <<set $viuTeste3 = false>>
<<set $viuTeste4 = false>> <<set $respostaE1Escolhida = "">> Ao entrar no laboratório à esquerda, você encontra um pesquisador organizando seus experimentos sobre uma bancada.
— Olá, jovem! Eu sou o Pesquisador Arthur. Trabalho com a otimização de reações químicas, especialmente em processos relacionados à produção de gás hidrogênio de baixo carbono para aplicações como energia limpa.
— Para entender melhor como uma reação pode ser otimizada, convido você a observar quatro testes. São simples e bem rápidos. Ao final, você poderá me dizer qual teste apresentou o melhor resultado.
<div style="max-width:760px; margin:20px auto; padding:16px; border-radius:12px; background:#eef6f2; line-height:1.6;"> <b>Tabela dos testes:</b>
<table style="width:100%; border-collapse:collapse; background:white;">
<tr>
<th style="border:1px solid #b8d5c6; padding:10px;">Teste</th>
<th style="border:1px solid #b8d5c6; padding:10px;">Condição</th>
</tr> <tr>
<td style="border:1px solid #b8d5c6; padding:10px;">1º teste</td>
<td style="border:1px solid #b8d5c6; padding:10px;">Água quente + pastilha inteira</td>
</tr> <tr>
<td style="border:1px solid #b8d5c6; padding:10px;">2º teste</td>
<td style="border:1px solid #b8d5c6; padding:10px;">Água fria + pastilha inteira</td>
</tr> <tr>
<td style="border:1px solid #b8d5c6; padding:10px;">3º teste</td>
<td style="border:1px solid #b8d5c6; padding:10px;">Água quente + pastilha triturada</td>
</tr> <tr>
<td style="border:1px solid #b8d5c6; padding:10px;">4º teste</td>
<td style="border:1px solid #b8d5c6; padding:10px;">Água fria + pastilha triturada</td> </tr> </table> </div>
''Clique nos testes para observar os vídeos:''
<div id="botoesTestesE1" style="display:grid; grid-template-columns:repeat(4, minmax(90px, 1fr)); gap:12px; max-width:620px; margin:20px auto;">
<div id="cardTeste1" class="teste-card">
<<button "1º teste">> <<set $viuTeste1 = true>> <<replace "#areaVideoE1">> <div style="max-width:760px; margin:20px auto; text-align:center;">
<h3>1º teste: água quente + pastilha inteira</h3>
<video controls playsinline autoplay style="width:720px; max-width:100%; height:auto; display:block; margin:18px auto; border-radius:12px;">
<source src="https://i.imgur.com/FiRDdAX.mp4" type="video/mp4">
</video>
</div>
<</replace>>
<<run $("#cardTeste1").addClass("visto"); $("#cardTeste1 button").text("✓ 1º teste")>>
<<if $viuTeste1 and $viuTeste2 and $viuTeste3 and $viuTeste4>>
<<run $("#perguntaE1").show(); $("#avisoE1").hide()>>
<</if>>
<</button>>
</div>
<div id="cardTeste2" class="teste-card">
<<button "2º teste">> <<set $viuTeste2 = true>> <<replace "#areaVideoE1">> <div style="max-width:760px; margin:20px auto; text-align:center;">
<h3>2º teste: água fria + pastilha inteira</h3>
<video controls playsinline autoplay style="width:720px; max-width:100%; height:auto; display:block; margin:18px auto; border-radius:12px;">
<source src="https://i.imgur.com/8lbx38M.mp4" type="video/mp4">
</video> </div> <</replace>>
<<run $("#cardTeste2").addClass("visto"); $("#cardTeste2 button").text("✓ 2º teste")>>
<<if $viuTeste1 and $viuTeste2 and $viuTeste3 and $viuTeste4>>
<<run $("#perguntaE1").show(); $("#avisoE1").hide()>>
<</if>>
<</button>>
</div>
<div id="cardTeste3" class="teste-card">
<<button "3º teste">> <<set $viuTeste3 = true>> <<replace "#areaVideoE1">> <div style="max-width:760px; margin:20px auto; text-align:center;">
<h3>3º teste: água quente + pastilha triturada</h3>
<video controls playsinline autoplay style="width:720px; max-width:100%; height:auto; display:block; margin:18px auto; border-radius:12px;">
<source src="https://i.imgur.com/Rt21vlA.mp4" type="video/mp4">
</video> </div>
<</replace>> <<run $("#cardTeste3").addClass("visto"); $("#cardTeste3 button").text("✓ 3º teste")>>
<<if $viuTeste1 and $viuTeste2 and $viuTeste3 and $viuTeste4>>
<<run $("#perguntaE1").show(); $("#avisoE1").hide()>>
<</if>> <</button>> </div>
<div id="cardTeste4" class="teste-card">
<<button "4º teste">>
<<set $viuTeste4 = true>>
<<replace "#areaVideoE1">> <div style="max-width:760px; margin:20px auto; text-align:center;">
<h3>4º teste: água fria + pastilha triturada</h3> <video controls playsinline autoplay style="width:720px; max-width:100%; height:auto; display:block; margin:18px auto; border-radius:12px;"> <source src="https://i.imgur.com/ghLAVNB.mp4" type="video/mp4"> </video> </div> <</replace>> <<run $("#cardTeste4").addClass("visto"); $("#cardTeste4 button").text("✓ 4º teste")>> <<if $viuTeste1 and $viuTeste2 and $viuTeste3 and $viuTeste4>> <<run $("#perguntaE1").show(); $("#avisoE1").hide()>> <</if>> <</button>> </div> </div> <div id="areaVideoE1" style="margin-top:20px;"></div> <div id="avisoE1" style="margin-top:16px; padding:14px; background:#fff8dd; border-radius:10px;"> Observe todos os 4 testes. </div> <div id="perguntaE1" style="display:none; margin-top:24px;"> <div style="padding:18px; border-radius:12px; background:#f4fbf7; line-height:1.6;"> — Agora que você observou os quatro testes, compare os resultados. ''Qual deles apresentou o melhor resultado, considerando a temperatura da água e a superfície de contato da pastilha?'' <div style="margin-top:16px;">
<label style="display:block; margin:10px 0;"> <<radiobutton "$respostaE1Escolhida" "teste1" autocheck>> 1º teste: água quente + pastilha inteira
</label>
<label style="display:block; margin:10px 0;"> <<radiobutton "$respostaE1Escolhida" "teste2" autocheck>> 2º teste: água fria + pastilha inteira
</label>
<label style="display:block; margin:10px 0;"> <<radiobutton "$respostaE1Escolhida" "teste3" autocheck>> 3º teste: água quente + pastilha triturada
</label>
<label style="display:block; margin:10px 0;"> <<radiobutton "$respostaE1Escolhida" "teste4" autocheck>> 4º teste: água fria + pastilha triturada
</label> </div> <div style="margin-top:14px;"> <<button "Verificar resposta">> <<replace "#feedbackE1">>
<<if $respostaE1Escolhida is "">>
<div style="margin-top:16px; padding:14px; background:#fff8dd; border-radius:10px;"> Selecione uma alternativa antes de verificar. </div> <<elseif $respostaE1Escolhida is "teste3">> <<set $fezE1 = true>> <div style="margin-top:16px; padding:14px; background:#eef8ee; border-radius:10px;"> <b>Muito bem!</b> O 3º teste apresentou o melhor resultado. A água quente aumenta a energia das partículas, enquanto a pastilha triturada aumenta a superfície de contato com a água.
[[Agradecer o pesquisador e sair->E0]]
</div> <<else>> <div style="margin-top:16px; padding:14px; background:#fdeeee; border-radius:10px;"> Ainda não. Compare novamente os testes considerando os dois fatores principais: temperatura da água e superfície de contato da pastilha. </div> <</if>> <</replace>>
<</button>> </div> <div id="feedbackE1"></div> </div>
</div>
<style>
.teste-card button {
width: 100% !important;
min-height: 86px !important;
border: 2px solid #0b5a33 !important;
border-radius: 10px !important;
background: #f4fbf7 !important;
color: #0b5a33 !important;
font-weight: bold !important;
font-size: 16px !important;
cursor: pointer !important;
}
.teste-card button:hover {
background: #e4f3ea !important;
}
.teste-card.visto button {
background: #0b5a33 !important;
color: white !important;
}
</style><<script>>
window.respostaCatalisadorLuna = function (resposta) {
var mensagens = { correta: ` <div style="margin-top:18px; padding:16px; border-radius:12px; background:#eef8ee; line-height:1.6;"> — Isso mesmo!. Catalisadores ajudam uma reação química a acontecer com mais facilidade ou rapidez, sem serem consumidos ao final do processo. </div>
`,
produto: ` <div style="margin-top:18px; padding:16px; border-radius:12px; background:#fff8dd; line-height:1.6;">
<b>Quase!</b>
— Um catalisador é uma substância ou material que ajuda uma reação química a acontecer mais rapidamente ou com menor gasto de energia. O ponto importante é que ele participa do processo, mas não é consumido como reagente principal. </div>
`,
cor: `
<div style="margin-top:18px; padding:16px; border-radius:12px; background:#fff8dd; line-height:1.6;">
<b>Não exatamente.</b>
— Um catalisador não serve apenas para colorir ou identificar substâncias. Ele atua facilitando uma reação química, geralmente tornando o processo mais rápido ou exigindo menos energia, sem ser consumido ao final.
</div>
`
};
if (typeof Dialog !== "undefined") {
Dialog.close();
}
setTimeout(function () {
document.getElementById("botaoCatalisadorLuna").style.display = "none";
document.getElementById("explicacaoCatalisador").innerHTML = mensagens[resposta];
document.getElementById("continuaLuna").style.display = "block";
}, 100);
};
<</script>>
Ao entrar no laboratório, você encontra uma pesquisadora organizando cuidadosamente alguns materiais sobre a bancada. Há frascos, eletrodos, pequenos suportes e uma célula transparente conectada por fios.
Ela percebe sua chegada e se apresenta:
— Olá! Me chamo Luna, pesquisadora aqui no LIEC. A Prof. Helena comentou sobre sua vinda. Meu trabalho envolve o desenvolvimento e estudo de catalisadores, materiais muito importantes para controlar e melhorar reações químicas de interesse.
— Você sabe o que são catalisadores?
<span id="botaoCatalisadorLuna">
<<link "Responder pergunta">>
<<run Dialog.setup("RESPONDA")>>
<<run Dialog.wiki(`
<div style="max-width:760px; margin:0 auto; padding:16px; line-height:1.6; background:#f8f8f2; color:#222; border-radius:12px;">
O que é um catalisador?
<button type="button" onclick="window.respostaCatalisadorLuna('correta')" style="display:block; width:100%; margin:12px 0; padding:12px; border-radius:8px; border:1px solid #777; background:#ffffff; color:#222; text-align:left; cursor:pointer; font-size:1em; line-height:1.4;"> É uma substância que acelera ou facilita uma reação química sem ser consumida no processo.
</button>
<button type="button" onclick="window.respostaCatalisadorLuna('produto')" style="display:block; width:100%; margin:12px 0; padding:12px; border-radius:8px; border:1px solid #777; background:#ffffff; color:#222; text-align:left; cursor:pointer; font-size:1em; line-height:1.4;"> É uma substância que sempre se transforma no principal produto da reação.
</button>
<button type="button" onclick="window.respostaCatalisadorLuna('cor')" style="display:block; width:100%; margin:12px 0; padding:12px; border-radius:8px; border:1px solid #777; background:#ffffff; color:#222; text-align:left; cursor:pointer; font-size:1em; line-height:1.4;"> É uma substância usada para mudar a cor de uma solução.
</button> </div>
`)>>
<<run Dialog.open()>> <</link>> </span>
<div id="explicacaoCatalisador"></div>
<div id="continuaLuna" style="display:none;">
Luna aponta para alguns materiais sobre a bancada e continua:
— No nosso caso, investigamos catalisadores que possam tornar mais eficientes reações ligadas à produção de hidrogênio e ao desenvolvimento de tecnologias para energia limpa. Um bom catalisador não surge apenas misturando substâncias. Precisamos controlar sua composição, sua estrutura e sua superfície, porque é justamente nesses detalhes que muitas reações acontecem.
Depois, Luna aponta para alguns materiais na bancada:
<div style="text-align:center; margin:18px 0;">
<img
src="https://i.imgur.com/Qc1qQC8.png"
alt="Imagem da atividade"
style="width:420px; max-width:100%; height:auto; border-radius:12px;"
>
</div>
— Para entender melhor por que estudamos esses materiais, tenho um experimento bem didático para te mostrar. Ele permite observar a produção de gases a partir da água usando uma célula eletrolítica do tipo mebrama de troca de prótons (PEM).
— Vamos realizar esse teste lá fora, aproveitando a luz do sol. Desceremos pelas escadas externas, posicionaremos o sistema em um local iluminado e observaremos o que acontece quando a célula entra em funcionamento. Você gostaria de me acompanhar na execução?
''O que você decide fazer?''
<<link "Acompanhar Luna no experimento">>
<<set $viuVideoLuna = true>>
<<replace "#areaExperimentoLuna">>
<div style="margin-top:18px; padding:16px; border-radius:12px; background:#eef8ee; line-height:1.6;">
Você acompanha Luna pelas escadas externas. Lá fora, ela posiciona o sistema sob a luz do sol, conecta cuidadosamente os contatos elétricos e inicia o experimento. Observe o que acontece, com atenção.
<video autoplay loop muted controls playsinline style="width:720px; max-width:100%; height:auto; display:block; margin:18px auto; border-radius:12px;">
<source src="https://i.imgur.com/orzaLYN.mp4" type="video/mp4">
</video>
[[Continuar->E2a]]
</div>
<</replace>>
<</link>>
<<link "Seguir sem observar a experimentação">>
<<set $viuVideoLuna = false>>
<<replace "#areaExperimentoLuna">>
<div style="margin-top:18px; padding:16px; border-radius:12px; background:#fff8dd; line-height:1.6;">
Luna concorda, mas faz uma observação:
— Tudo bem. Mas observar o funcionamento da célula pode ajudar bastante na interpretação do processo. Talvez fique um pouco mais difícil e abstrato sem ver o sistema funcionando.
[[Seguir mesmo assim->E2a]]
</div>
<</replace>>
<</link>>
<div id="areaExperimentoLuna"></div>
</div>Você e a profa. Luciana F estão andando pelos corredores do DQ a caminho do CeRSusChem e ela continua conversando…
<video
class="img-texto"
autoplay
muted
loop
playsinline
style="width: 670px; height: auto;">
<source src="https://i.imgur.com/kVTknY8.mp4" type="video/mp4">
</video>
— Cada cientista ou área da Ciência estuda uma parte específica do mundo, usando métodos próprios para produzir conhecimento e compreender melhor aquilo que investiga. São muitos temas, mas o mais importante é: sempre buscamos conectar esses conhecimentos específicos aos grandes problemas da humanidade!
— Na Química também temos nossos métodos particulares e cada um dos laboratórios que você visitará em breve também possuem técnicas e problemas especiais. Atente-se para identificá-los!
Você sabe como se chama o grupo de cientistas que se dedica ao estudo de uma área específica da ciência?
[[Comunidade Científica ->C3]]
[[Comunidade Acadêmica ->C3]]
[[Grupo de Pesquisa ->C3]]
— Parece que estamos todos unidos por um objetivo comum: tornar o planeta um lugar melhor. Mas nem sempre foi assim. Ao longo da história, a humanidade enfrentou desafios como guerras, poluição e o uso inadequado da ciência e da tecnologia.
— A Ciência é uma poderosa ferramenta de transformação. Ela nasce da curiosidade, da criatividade e da busca por soluções, mas também exige responsabilidade para que seus resultados sejam usados em benefício da sociedade.
— É por isso que você está aqui! Os pesquisadores do DQ e do CeRSusChem trabalham para desenvolver soluções mais sustentáveis para os problemas do nosso tempo.
— Agora, chegou a sua vez de conhecer esse trabalho e descobrir como a Química pode ajudar a construir um futuro melhor!
''[[AGRADECER A PROFa. LUCIANA ->C8b]]''
<<set $labsMenuUnlocked = true>>Com todos os itens obrigatórios garantidos e seu crachá de acesso, você está preparado para entrar no Centro de Pesquisa em Química Sustentável!
Reevendo seu mapa, você percebe que existem 3 laboratórios que fazem parte desse Centro, são eles:
<div style="text-align:center; margin:20px 0;"> <img src="https://i.imgur.com/rD7NUIl.png?2"
alt="imagem" style="max-width:100%; width:700px; height:auto; display:block; margin:0 auto; border-radius:12px;"> </div>
Por qual deles você quer começar?
<<if not $fezF>>[[LabIvo ->F - LABIVO (ivo)]]
<</if>>
<<if not $fezD>>[[Lab. de Síntese de Produtos Naturais (LSPN) ->D - LSPN (arlene)]]
<</if>>
<<if not $fezE>>[[LIEC Eletroquímica ->E - LIEC]]
<</if>>— Muito bem. O que você realizou chama-se Carbonatação Mineral. O dióxido de carbono (CO2) reagiu com a água de cal (CaOH) e se transformou em Carbonato de Cálcio (CaCO2), uma forma estável e sólida.
— O que antes aquecia os céus agora repousa imóvel em suas mãos. Isso é sequestro de carbono. Isso é o que fazemos aqui, Alquimia Verde!
<<set $fezF2 = true>>
[[Voltar ao laboratório->F0a]]<div style="text-align:center; font-weight:800; font-size:34px; letter-spacing:1px; color:#0b5a33; margin: 6px 0 14px;">
AGRADECIMENTOS</div> <div style="max-width:900px; margin:40px auto; text-align:center; line-height:1.7;"> </div> <div style="text-align:center; margin:0 auto; max-width:700px;"> Agradecemos por participar dessa experiência em química sustentável! 🌱
Esperamos que sua jornada pelo CeRSusChem tenha mostrado como a ciência e a sustentabilidade podem caminhar juntas para transformar problemas em soluções.
Sua participação é muito importante para nós. Antes de encerrar, convidamos você a responder um breve questionário sobre sua experiência no livro-jogo.
Obrigado por jogar!
<div style="text-align:center; margin-top:24px;"> <span id="botaoQuestionarioFinal">
<<link "Responder questionário">> <<run window.open("https://docs.google.com/forms/d/e/1FAIpQLSevCiFP7o-H7oUl07PS6xjONQN0wnxQTcOlpqrjZavPIxrfzw/viewform?usp=dialog", "_blank")>>
<<run document.getElementById("botaoQuestionarioFinal").style.display = "none">> <<run document.getElementById("avisoQuestionarioFinal").style.display = "block">> <<run setTimeout(function () {
document.getElementById("reiniciarDepoisQuestionario").style.display = "block";
}, 30000)>>
<</link>> </span>
<div id="avisoQuestionarioFinal" style="display:none; margin-top:12px;"> Questionário aberto. Após responder, você poderá reiniciar a jornada.
</div>
<div id="reiniciarDepoisQuestionario" style="display:none; margin-top:24px;">
<button
type="button"
onclick="SugarCube.UI.restart()"
style="padding:10px 18px; border:none; border-radius:8px; background:#0b5a33; color:white; cursor:pointer; font-weight:bold;"
>
Reiniciar jornada
</button>
</div>
</div>Você bate na porta e a conversa para... Alguém levanta e se aproxima para abrir.
<<linkreplace "Aguardar">>
Quem te recebe é um homem de estatura média, cabelos escuros e curtos, vestindo um jaleco sobre uma camisa azul. A barba cuidadosamente aparada e o sorriso amistoso fazem com que ele pareça acolhedor.
— Olá! Posso ajudar em alguma coisa?
Antes que você responda, seus olhos se voltam para o seu crachá de acesso. Ele o observa por alguns instantes e abre um sorriso ainda maior.
— Ahh... você deve ser a pessoa escolhida para visitar o CeRSusChem... Sou o Professor Alvino, responsável por esse laboratório! Entre, por favor.
Você o acompanha?
<<link "Sim, acompanho-o para dentro da sala">>
<<goto "F0a">>
<</link>>
<<link "Acho melhor não">>
<<run Dialog.setup("TEM CERTEZA?")>>
<<run Dialog.wiki(`
<div style="max-width:800px; margin:0 auto; padding:10px; line-height:1.5; text-align:left; background:#f8f8f2; color:#222; border-radius:10px;">
<b>LEMBRE-SE:</b> você chegou até aqui porque recebeu uma missão importante: <b>buscar novos conhecimentos que possam ajudar a resolver os problemas enfrentados pela sua escola.</b>
O Professor Alvino será seu guia nesta etapa. Sem acompanhá-lo, não será possível adquirir os conhecimentos e itens que poderão ser úteis em sua missão.
<b>Você deseja mesmo deixar este laboratório agora?</b>
<div style="text-align:center; margin-top:12px;">
<button type="button" onclick="
var fechar = document.getElementById('ui-dialog-close');
if (fechar) { fechar.click(); }
setTimeout(function () {
SugarCube.State.variables.retornoFinalErrado = 'F0';
SugarCube.Engine.play('FIM ERRADO');
}, 100);
">
Sair do LabIvo
</button>
<button type="button" onclick="
var fechar = document.getElementById('ui-dialog-close');
if (fechar) { fechar.click(); }
setTimeout(function () {
SugarCube.Engine.play('F0a');
}, 100);
">
Acompanhar o Prof. Alvino
</button>
</div>
</div>
`)>>
<<run Dialog.open()>>
<</link>>
<</linkreplace>><<if $fezF1 and $fezF2 and $fezF3>>
<<set $fezF = true>>
Após a vivência dessas experiências, você passa a enxergar o laboratório de uma forma diferente. Aqueles materiais brilhantes, as reações ativadas pela luz e os experimentos que pareciam quase mágicos agora fazem muito mais sentido.
O professor Alvino se aproxima segurando uma pequena placa protegida por uma caixa transparente.
— Vejo que aproveitou bem sua passagem pelo LabIvo. Por isso, tenho algo especial para ti.
Com cuidado, ele abre a caixa e mostra uma fina placa fotocatalítica.
— Este material é capaz de capturar a energia da luz e utilizá-la para promover transformações químicas. Ele representa uma das principais tecnologias desenvolvidas aqui no laboratório.
— Guarde-o com cuidado. Esperamos que seja útil para sua escola!
<<set $itemFotocatalisador = true>>
🔆''Novo item: Módulo Fotocatalítico''
— No mais, foi um enorme prazer ter sua presença conosco! Até a próxima!
<<linkreplace "Agradecer o Prof. Alvino">>
''Você concluiu mais uma etapa e se aproxima do final de sua jornada''
''Para onde você seguirá agora?''
<<if not $fezD>>
[[Ir para LSPN ->D - LSPN (arlene)]]
<</if>>
<<if not $fezE>>
[[Ir para LIEC->E - LIEC]]
<</if>>
<<if $fezD and $fezE>>
[[Visitei todos os laboratórios ->G - DESAFIO FINAL]]
<</if>>
<</linkreplace>>
<<else>>
<<if not $introLabIvoVista>>
<<set $introLabIvoVista = true>>
Ao entrar na sala, você percebe que o ambiente é mais tranquilo do que o restante do laboratório. Algumas mesas estão ocupadas por pesquisadores discutindo resultados e outros lendo manuscritos científicos.
— O trabalho desenvolvido no LabIvo busca encontrar formas mais sustentáveis de utilizar a energia da luz para promover transformações químicas. Estudamos materiais capazes de absorver essa energia e utilizá-la para transformar substâncias, inclusive algumas que hoje representam problemas ambientais.
— Mas a ciência não acontece apenas nos experimentos. Ela também acontece nas discussões, nas perguntas e nas trocas de ideias entre as pessoas.
Ele faz um gesto indicando a sala.
— Aqui estão os profissionais mais competentes para ajudar em sua jornada!
Fique à vontade para conhecê-los e, se quiser, junte-se a nós para entender melhor o que fazemos aqui.
<</if>>
''O que você decide fazer?''
<<if not $fezF1>>
[[Conversar com uma das mestres ->F1 atividade 1]]
<</if>>
<<if not $fezF2>>
[[Acompanhar um experimento em andamento ->F2 atividade 2]]
<</if>>
<<if not $fezF3>>
[[Continuar conversando com o Prof. Alvino ->F3 atividade 3]]
<</if>>
<</if>>Sua jornada ainda não terminou. Contudo, você deixou de acessar informações importantes sobre os laboratórios e perde a chance de conquistar itens essenciais para sua missão final.
Mas ainda há tempo de voltar, se quiser
<button type="button" onclick="
if (SugarCube.State.variables.retornoFinalErrado) {
SugarCube.Engine.play(SugarCube.State.variables.retornoFinalErrado);
} else {
SugarCube.Engine.play('CAPA');
}
">
Voltar e tentar novamente
</button><<script>> window.toggleVideoLunaPerguntas = function () {
var area = document.getElementById("areaVideoLunaPerguntas");
var botao = document.getElementById("botaoToggleVideoLuna");
if (area.style.display === "none" || area.innerHTML.trim() === "") {
area.style.display = "block";
area.innerHTML = `
<div style="margin-top:14px; padding:16px; border-radius:12px; background:#eef8ee; line-height:1.6;">
<video
autoplay
loop
muted
controls
playsinline
style="width:720px; max-width:100%; height:auto; display:block; margin:0 auto; border-radius:12px;"
>
<source src="https://i.imgur.com/orzaLYN.mp4" type="video/mp4">
</video>
</div>
`;
botao.innerHTML = "Ocultar vídeo";
if (typeof State !== "undefined") {
State.variables.viuVideoLuna = true;
}
} else {
area.style.display = "none";
botao.innerHTML = "Ver vídeo";
}
};
window.erroLunaQ1 = function (mensagem) {
var avisoVideo = "";
if (typeof State !== "undefined" && !State.variables.viuVideoLuna) {
avisoVideo = `
Talvez o vídeo do experimento te ajude na interpretação do experimento. Feche esta janela e clique em <b>Ver vídeo</b> se quiser observar antes de tentar novamente.
`;
}
if (typeof Dialog !== "undefined") {
Dialog.setup("Tente novamente");
Dialog.wiki(`
<div style="max-width:720px; margin:0 auto; padding:16px; line-height:1.6; background:#fff8dd; color:#222; border-radius:12px;">
${mensagem}
${avisoVideo}
</div>
`);
Dialog.open();
}
};
window.continuarLunaParaE0 = function () {
if (window.SugarCube && SugarCube.Dialog) {
SugarCube.Dialog.close();
} else if (typeof Dialog !== "undefined") {
Dialog.close();
}
if (window.SugarCube && SugarCube.Engine) {
SugarCube.Engine.play("E0");
} else if (typeof Engine !== "undefined") {
Engine.play("E0");
}
};
window.acertoLunaQ1 = function () {
if (typeof State !== "undefined") {
State.variables.lunaQ1 = true;
State.variables.fezE2 = true;
}
if (typeof Dialog !== "undefined") {
Dialog.setup("Resposta correta");
Dialog.wiki(`
<div style="max-width:720px; margin:0 auto; padding:16px; line-height:1.6; background:#eef8ee; color:#222; border-radius:12px;">
<b>Correto!</b>
Ao balancear a reação, obtém-se 2 H<sub>2</sub>O → 2 H<sub>2</sub> + O<sub>2</sub>. Isso mostra que a produção de hidrogênio ocorre em quantidade aproximadamente duas vezes maior que a de oxigênio.
<button
type="button"
onclick="window.continuarLunaParaE0()"
style="padding:10px 16px; border-radius:8px; border:1px solid #4b6f4b; background:#eef8ee; color:#1f3b1f; font-weight:bold; cursor:pointer;"
>
Continuar
</button>
</div>
`);
Dialog.open();
} else {
window.continuarLunaParaE0();
}
};
<</script>> <<if $viuVideoLuna>>
Você já observou o experimento, mas pode assistir novamente se desejar.
<<else>>
Luna gravou um vídeo do experimento, caso se interesse, pode consultá-lo agora. Caso não queira, apenas continue sua visita.
<</if>>
<div style="margin:18px 0;"> <button type="button"
id="botaoToggleVideoLuna"
onclick="window.toggleVideoLunaPerguntas()" style=" width:120px;
height:70px;
border-radius:8px;
border:2px solid #4b6f4b;
background:#eef8ee;
color:#1f3b1f;
font-weight:bold;
cursor:pointer;
text-align:center;
"
>
Ver vídeo
</button>
</div>
<div id="areaVideoLunaPerguntas" style="display:none;"></div>
<<linkreplace "Continuar">>
A eletrólise da água é um processo que utiliza energia elétrica para separar as moléculas de água e produzir hidrogênio (H<sub>2</sub>) e oxigênio (O<sub>2</sub>). No entanto, essa reação não ocorre rapidamente de forma natural. Para torná-la mais eficiente, utilizamos materiais chamados catalisadores, que aceleram as reações químicas sem serem consumidos durante o processo.
Nas células eletrolíticas, os catalisadores ajudam a quebrar as moléculas de água e facilitam a formação dos gases hidrogênio e oxigênio. Atualmente, muitos desses catalisadores são produzidos com metais raros e caros, como a platina e o irídio.
Por esse motivo, pesquisadores de todo o mundo trabalham no desenvolvimento de novos catalisadores que sejam mais eficientes, baratos e sustentáveis. Quanto melhor for o catalisador, mais rápida será a produção de hidrogênio e menor será o consumo de energia do processo, tornando o hidrogênio verde uma opção mais viável para a transição para uma matriz energética sustentável.
Antes de seguir, aplique seus conhecimentos sobre a eletrólise da água.
<div style="margin:18px 0; padding:14px; border-radius:10px; background:#f4f4f4; text-align:center; font-size:1.2em;"> H<sub>2</sub>O(l) → <span style="display:inline-block; width:28px; border-bottom:2px solid #222;"></span> H<sub>2</sub>(g) + <span style="display:inline-block; width:28px; border-bottom:2px solid #222;"></span> O<sub>2</sub>(g)
</div>
Ao balancear essa equação, é possível determinar a proporção entre os gases produzidos. Após alguns minutos de funcionamento da célula, um dos reservatórios contém aproximadamente o dobro do volume de gás em relação ao outro.
''Qual conclusão pode ser feita?''
<div id="alternativasLunaQ1" style="margin-top:16px;">
<<link "A) O reservatório com maior volume contém oxigênio.">>
<<set $lunaQ1 = false>>
<<run window.erroLunaQ1("Não exatamente. O reservatório com maior volume não contém oxigênio. Ao balancear a equação, percebemos que a produção de hidrogênio ocorre em maior quantidade que a produção de oxigênio.")>>
<</link>>
<<link "B) O reservatório com maior volume contém hidrogênio, pois a equação balanceada indica que a produção de H₂ ocorre em proporção 2:1 em relação ao O₂.">>
<<run window.acertoLunaQ1()>>
<</link>>
<<link "C) Os dois reservatórios deveriam conter exatamente o mesmo volume de gás.">>
<<set $lunaQ1 = false>>
<<run window.erroLunaQ1("Quase, mas os dois gases não são produzidos no mesmo volume. A equação balanceada mostra que, para cada molécula de O<sub>2</sub> formada, são formadas duas moléculas de H<sub>2</sub>.")>>
<</link>>
<<link "D) O experimento apresenta erro, pois apenas um gás deveria ser produzido.">>
<<set $lunaQ1 = false>>
<<run window.erroLunaQ1("Não é isso. A eletrólise da água produz dois gases: hidrogênio e oxigênio. O que muda entre eles é a proporção em que aparecem nos reservatórios.")>>
<</link>>
</div>
<</linkreplace>><<if $fezE1 and $fezE2>> <<set $fezE = true>> <<if not $itemCatalisador>>
Você concluiu todas as atividades deste laboratório.
Helena se aproxima novamente, agora segurando uma pequena caixa transparente cuidadosamente protegida.
— Vejo que você acompanhou bem os trabalhos do LIEC. Ao longo das atividades, você conheceu como os catalisadores podem tornar reações químicas mais eficientes e como isso se conecta à produção de combustíveis verdes.
— Este material foi desenvolvido para auxiliar reações ligadas à produção de energia limpa. Guarde-o com cuidado. Ele poderá ser essencial para você.
<<set $itemCatalisador = true>>
⚡''Novo item: Material Catalítico''
<<else>>
Você já concluiu todas as atividades do LIEC e o catalisador para o reator já foi adicionado ao seu inventário.
<</if>>
''Agora, siga para o próximo laboratório:''
<<if not $fezD>>
[[Ir para LSPN->D - LSPN (arlene)]]
<</if>>
<<if not $fezF>>
[[Ir para NANOBIO->F - LABIVO (ivo)]]
<</if>>
<<if $fezD and $fezF>>
[[Ir para o desafio final->G - DESAFIO FINAL]]
<</if>>
<<elseif not $introLIECVista>>
<<set $introLIECVista = true>>
Helena inicia sua visita pelo corredor do 1º andar. Você observa tudo com atenção e curiosidade enquanto ela começa a explicar o que torna aquele laboratório tão importante para a sua missão.
— O nosso foco está no desenvolvimento de nanomateriais de última geração e em processos eletroquímicos voltados para um futuro mais sustentável. Trabalhamos desde a produção de combustíveis verdes até a conversão de gás carbônico, sempre buscando transformar conhecimento científico em soluções reais.
— Aqui, cada estudo é resultado da união de diferentes conhecimentos, todos voltados para um mesmo objetivo: construir caminhos para uma energia mais limpa e eficiente.
A cada novo ambiente por onde vocês passam, cresce a sensação de que cada processo realizado ali faz parte de uma rede maior de conhecimento, na qual ciência e inovação operam de forma contínua e integrada.
<<linkreplace "Entrar no elevador">>
Chegando ao 3º andar do prédio, Helena faz uma breve orientação:
— A partir daqui, você poderá circular pelos laboratórios, conversar com os pesquisadores e compartilhar suas dúvidas e ideias. Lembre-se sempre de manter seus EPIs corretamente ajustados!
''Seguindo pelo corredor, em qual laboratório você entra?''
<<if not $fezE1>>
[[À sua esquerda->E1 atividade 1]]
<</if>>
<<if not $fezE2>>
[[À sua direita->E2 atividade 2]]
<</if>>
<</linkreplace>>
<<else>>
''Seguindo pelo corredor, em qual laboratório você entra agora?''
<<if not $fezE1>>
[[À sua esquerda->E1 atividade 1]]
<</if>>
<<if not $fezE2>>
[[À sua direita->E2 atividade 2]]
<</if>>
<</if>><<set $rotaA = 0>> <<set $rotaB = 0>> <<set $rotaC = 0>>
— Você está na Vila do Sol. Durante gerações, seus moradores viveram da agricultura e dos conhecimentos transmitidos pelos mais velhos. A abundância de água, a fertilidade do solo e a luz solar permitiram que a comunidade prosperasse por muitos anos. <div style="text-align:center; margin:18px 0;">
<img
src="https://i.imgur.com/lvNgHpn.png"
alt="Imagem da atividade"
style="width:620px; max-width:100%; height:auto; border-radius:12px;"
> </div>
Enquanto caminha pela vila, você percebe plantações espalhadas por toda a paisagem. Os moradores parecem acostumados a trabalhar em conjunto, compartilhando tarefas e cuidando da terra.
— Por muito tempo, a produção de alimentos foi suficiente para sustentar todas as famílias da região. Os conhecimentos sobre cultivo eram passados de geração em geração, permitindo que a comunidade mantivesse uma relação equilibrada com o ambiente.
<<linkreplace "Continuar caminhando">>
Você segue observando os arredores, mas algo parece estranho.
Algumas áreas das plantações apresentam manchas amareladas. Certas folhas estão murchas. Em alguns pontos, o solo parece menos saudável do que deveria.
— Nos últimos meses, uma praga começou a se espalhar pela Vila do Sol. As colheitas diminuíram, os alimentos tornaram-se escassos e os moradores passaram a buscar respostas para um problema que ameaça toda a comunidade. <div style="text-align:center; margin:18px 0;">
<img
src="https://i.imgur.com/YiDgKb3.jpeg"
alt="Imagem da atividade"
style="width:550px; max-width:100%; height:auto; border-radius:12px;"
>
</div>
Próximo à entrada da vila, uma jovem parece estar te aguardando
— Finalmente você está aqui! Os anciãos estão esperando.
— A praga continua avançando. Precisamos de uma solução capaz de recuperar nossas terras. Um elixir capaz de recuperar nossas terras da praga que as assola. O arroz já não cresce, e o que cresce não demora muito para deteriorar e apodrecer.
Ele aponta para uma bancada repleta de instrumentos.
"O futuro da Vila do Sol depende das decisões que você tomará a partir de agora"
[[Salvar a Vila do Sol ->D1a]]
<</linkreplace>>Sentindo o peso da expectativa dos demais e o olhar atento do ancião mestre, uma inquietude te atinge no peito. Você caminha calmamente, analisando as opções disponíveis.
''Como sintetizar esse elixir de forma rápida? Na capital, sintetizar soluções é trabalho pesado. São mais de dezesseis horas preparando, gera resíduos, tem baixo rendimento e muito material é necessário.''
DICA: É preciso tornar a síntese mais verde.
''Qual é a fonte energética da sua síntese?''
<<link "A) Luz solar.">>
<<set $rotaA += 1>>
<<goto "D1b">>
<</link>>
<<link "B) Chama alquímica.">>
<<set $rotaB += 1>>
<<goto "D1b">>
<</link>>
<<link "C) Luz artificial.">>
<<set $rotaC += 1>>
<<goto "D1b">>
<</link>>A luz que você selecionou na estação anterior deu início à sintetização, mas você precisa otimizá-la.
A jovem que te acompanhou até o salão se aproxima ao notar sua hesitação diante dos instrumentos espalhados.
— Alguns acreditam que velocidade é eficiência. Outros preferem controlar cada etapa da síntese para evitar resíduos e perdas. O elixir pode nascer pelos dois caminhos… mas o preço químico de cada escolha não será o mesmo.
<div style="text-align:center; margin:18px 0;">
<img
src="https://i.imgur.com/qNtmXeL.jpeg"
alt="Imagem da atividade"
style="width:420px; max-width:100%; height:auto; border-radius:12px;"
> </div>
— No método fragmentado, cada etapa da síntese é acompanhada separadamente. Os intermediários são observados antes que a reação continue. É um caminho mais lento, mas reduz a chance de formação de resíduos indesejados.
— No fluxo contínuo, toda a síntese ocorre sem interrupções. O processo é mais rápido e eficiente em produção, mas controlar tudo ao mesmo tempo é mais difícil. Pequenos desvios podem gerar substâncias inesperadas.
''Qual ferramenta você irá forjar?''
<<link "A) Ritual da síntese fragmentada.">>
<<set $rotaA += 1>>
<<goto "D1c">>
<</link>>
<<link "B) Ritual do fluxo contínuo.">>
<<set $rotaB += 1>>
<<goto "D1c">>
<</link>>Sua ferramenta é testada em uma amostra de terra. Até agora, você estava otimizando a síntese; a partir deste momento, passa a observar o resultado da reação que ela promove.
A amostra é transferida para um frasco de vidro. <div style="text-align:center; margin:18px 0;"> <img
src="https://i.imgur.com/vGC9aF4.png"
alt="Imagem da atividade"
style="width:550px; max-width:100%; height:auto; border-radius:12px;"
>
</div>
Antes de declarar o resultado, você deve aplicar uma pequena amostra na Trilha da Verdade, um pergaminho especial capaz de separar os componentes presentes na mistura.
Após a análise, podem surgir duas marcas distintas:
• A marca do Elixir, indicando a formação do material desejado.
• A marca do Resíduo, revelando substâncias formadas como subprodutos da síntese.
Realizar essa etapa exige tempo e recursos, mas fornece informações importantes sobre a qualidade do processo. Ainda assim, alguns optam por ignorar a análise e seguir diretamente para a produção.
''O que você decide fazer?''
<<link "A) Submeter ao Pergaminho.">>
<<set $rotaA += 1>>
<<goto "D1d">>
<</link>>
<<link "B) Pular o Ritual.">>
<<set $rotaB += 1>>
<<goto "D1d">>
<</link>>O Elixir finalmente repousa diante de você.
<div style="text-align:center; margin:18px 0;">
<img
src="https://i.imgur.com/d7ouNTL.png"
alt="Imagem da atividade"
style="width:320px; max-width:100%; height:auto; border-radius:12px;"
> </div>
O líquido dourado permanece estável dentro do frasco, refletindo a luz que atravessa as janelas do salão alquímico. Pela primeira vez desde sua chegada à Vila do Sol, você sente que a síntese realmente funcionou.
Mas o ancião não sorri. Ele abre um grande mapa sobre a mesa. Diferente dos anteriores, ele mostra oficinas, rotas comerciais e estruturas de produção espalhadas pelos arredores.
— Uma reação muda quando cresce. Algumas sínteses funcionam perfeitamente em pequena escala… até tentarmos produzi-las para centenas de pessoas.
O Elixir pode funcionar dentro do salão alquímico, mas agora será necessário decidir como ele será produzido e distribuído.
''O que você fará?''
<<link "A) Produção artesanal controlada.">>
<<set $rotaA += 1>>
<<goto "D1e">>
<</link>>
<<link "B) Produção em fluxo contínuo.">>
<<set $rotaB += 1>>
<<goto "D1e">>
<</link>>
<<link "C) Produção intensiva da oficina da capital.">>
<<set $rotaC += 1>>
<<goto "D1e">>
<</link>><<set $fezD1 = true>> <<set $fezD = true>> <<set $itemFotocatalisador = true>><<if $rotaA >= $rotaB and $rotaA >= $rotaC>>
Você demonstrou altas competências de controle experimental, planejamento de síntese e tomada de decisão baseada em evidências.
Suas escolhas priorizaram fontes de energia renováveis, monitoramento da reação e métodos mais seletivos, reduzindo a formação de resíduos e aumentando a previsibilidade do processo.
Do ponto de vista científico, sua rota sintética apresentou alta seletividade e melhor controle sobre os produtos formados, demonstrando compreensão da importância da validação, da pureza do Elixir e da minimização de subprodutos.
A produção do Elixir Solar tornou-se estável e replicável, permitindo que a própria Vila do Sol mantivesse o processo sem depender excessivamente da capital ou de recursos externos.
As terras foram recuperadas e a fome se tornou uma história sombria para contar aos mais novos habitantes da vila.
Você não apenas sintetizou um composto, mas desenvolveu uma rota química mais limpa, segura e sustentável.
<<else>>
Suas escolhas favoreceram atalhos, ausência de validação ou métodos altamente intensivos. Sua síntese alcançou resultados rápidos, mas com pouco controle sobre os resíduos gerados ao longo do processo.
Do ponto de vista científico, a reação apresentou menor seletividade e maior formação de subprodutos, dificultando a estabilidade da produção em larga escala.
Embora o Elixir tenha sido produzido, a ausência de monitoramento adequado comprometeu a sustentabilidade da rota sintética.
A produção cresceu rapidamente, mas passou a depender de maior consumo energético, descarte frequente de resíduos e processos difíceis de controlar fora do laboratório.
A Vila do Sol reconhece seu esforço, afinal, o Elixir foi obtido. Ainda assim, sua síntese demonstra que eficiência imediata nem sempre significa sustentabilidade a longo prazo.
Você provou que a reação funciona.
Agora, resta otimizá-la para funcionar de maneira mais limpa e responsável.
<</if>>
<<set $fezD1 = true>>
<<goto "D - LSPN (arlene)">>— Começamos pelo módulo que captura a energia da luz. Sem ele, a Folha Artificial não consegue dar início ao processo.
Você encaixa cuidadosamente o componente.
🔆 ''Módulo Fotocatalítico instalado.''
A superfície do material reflete a luz do laboratório com um brilho suave.
Em seguida, Torres indica o segundo compartimento.
— Agora precisamos do material catalítico. Ele vai acelerar as reações químicas e tornar o processo mais eficiente.
Você posiciona o catalisador no centro do reator.
⚡ ''Material Catalítico/Catalisador instalado.''
— Por fim, a membrana será essencial para separar os produtos formados e evitar misturas indesejadas.
Você encaixa a membrana com cuidado.
💧 ''Membrana de Purificação instalada.''
O reator está montado. A Folha Artificial agora tem seus três componentes principais integrados.
— Muito bem. Agora precisamos testar se o sistema consegue capturar luz e iniciar as primeiras reações.
[[Iniciar teste do reator ->G2]]O Prof. Torres reduz a iluminação do laboratório e direciona uma fonte de luz para o módulo fotocatalítico.
— A primeira função da Folha Artificial é capturar energia luminosa. Se o sistema estiver estável, essa energia poderá alimentar as reações seguintes. Aos poucos, o reator começa a responder: pequenos indicadores luminosos acendem na lateral da estrutura, mostrando que a luz está sendo absorvida pelo módulo fotocatalítico.
— Em seguida, o sistema passa para a etapa de quebra da água, processo essencial para a produção de hidrogênio verde. Para isso, o reservatório de água é conectado ao reator, e os três componentes precisam funcionar em conjunto: o módulo fotocatalítico captura energia, o catalisador acelera a reação e a membrana ajuda a separar os produtos formados.
Agora, você precisa calibrar o reator e observar a resposta do sistema.
''Role o dado para testar a integração entre luz, catalisador e membrana.''
<<linkreplace "Rolar D20">>
<<set $dadoG2 = random(1,20)>>
Você rolou: ''$dadoG2''.
<<if $dadoG2 >= 1 and $dadoG2 <= 5>>
O sistema apresenta instabilidade. A luz é absorvida de forma irregular, a produção de gás começa fraca e os indicadores luminosos piscam sem ritmo constante.
O Prof. Torres ajusta os contatos, confere a membrana e reduz a intensidade da fonte de luz. O resultado mostra que o reator ainda precisa de calibração, mas também revela onde estão os pontos de instabilidade.
Depois dos ajustes, pequenas bolhas começam a surgir no reservatório.
<<elseif $dadoG2 >= 6 and $dadoG2 <= 14>>
O sistema funciona de forma parcial. A luz é absorvida, o catalisador inicia a reação e pequenas bolhas aparecem no reservatório, mas a produção ainda não é totalmente estável.
O Prof. Torres observa os dados e faz pequenos ajustes no fluxo de água e na posição da membrana. A Folha Artificial começa a operar com mais regularidade, embora ainda precise de otimização.
<<elseif $dadoG2 >= 15 and $dadoG2 <= 20>>
O sistema responde muito bem. A luz é absorvida de forma estável, o catalisador acelera a reação e pequenas bolhas surgem de maneira constante no reservatório.
A Folha Artificial começa a produzir hidrogênio verde de forma controlada, mostrando que os três componentes foram integrados com sucesso.
<</if>>
O primeiro teste foi concluído. A Folha Artificial consegue capturar luz e usar água como parte do processo.
[[Avançar para a síntese limpa->G3]]
<</linkreplace>>Agora, o objetivo é verificar se o sistema também pode ajudar na recuperação e purificação de água e materiais utilizados em atividades experimentais.
Sobre a bancada, há uma amostra de água contendo pequenas quantidades de resíduos e solventes. ''A proposta do reator é reduzir o desperdício: em vez de descartar tudo após o uso, parte da água pode ser tratada e alguns materiais podem ser recuperados para uso futuro.''
Para concluir essa etapa, você precisa escolher o solvente utilizado no processo de recuperação.
1º frasco contém ''isopropanol'';
2º frasco contém ''diclorometano''
''Qual solvente você escolhe para concluir o sistema de recuperação e purificação?''
<div id="escolhaSolventeFinal">
<<link "Usar isopropanol e manter a rota sustentável.">>
<<set $escolheuRotaVerdeFinal = true>>
<<replace "#escolhaSolventeFinal">>
Você escolhe o isopropanol.
A decisão mantém o protótipo alinhado ao objetivo principal da missão: criar uma solução que funcione sem gerar novos problemas ambientais para a escola.
''Role o dado para testar a eficiência da recuperação e purificação.''
<<linkreplace "Rolar D20">>
<<set $dadoG3 = random(1,20)>>
Você rolou: ''$dadoG3''.
<<if $dadoG3 <= 5>>
O sistema funciona, mas com baixa eficiência. A água passa pelo processo de tratamento, porém parte dos materiais ainda não é recuperada de forma adequada. O resultado mostra que a rota é segura, mas ainda precisa de ajustes para melhorar o reaproveitamento.
<<elseif $dadoG3 < 15>>
O sistema apresenta um desempenho intermediário. A água é tratada com segurança e parte dos solventes é recuperada para uso futuro. Ainda há perdas no processo, mas o resultado já reduz resíduos e custos em comparação com o descarte direto.
<<else>>
A etapa de recuperação funciona muito bem. A água tratada apresenta boa qualidade, e uma parte significativa dos solventes utilizados é recuperada para uso futuro. O sistema reduz desperdícios, diminui custos e fortalece a proposta sustentável da Folha Artificial.
<</if>>
O protótipo está completo. A Folha Artificial consegue captar luz, auxiliar transformações químicas, tratar água e recuperar materiais de forma mais segura.
[[Avisar o Prof. Torres ->Ga]]
<</linkreplace>>
<</replace>>
<</link>>
<<link "Usar diclorometano para tentar facilitar o processo.">>
<<set $escolheuRotaVerdeFinal = false>>
<<replace "#escolhaSolventeFinal">>
Você considera usar diclorometano para facilitar o processo, mas a decisão comprometeria o objetivo da missão.
Esse caminho poderia parecer mais simples no curto prazo, porém não resolveria o problema da escola. Um sistema sustentável não pode depender de substâncias que geram riscos desnecessários, aumentam os custos de descarte e criam novos problemas ambientais.
Ainda há tempo para corrigir essa escolha. O objetivo não é apenas fazer o sistema funcionar, mas garantir que ele possa ser utilizado com responsabilidade.
[[Escolher novamente->G3]]
<</replace>>
<</link>>
</div>A Folha Artificial está completa.
O professor Torres observa os indicadores do sistema e sorri.
— Funcionou. Não porque foi o caminho mais fácil, mas porque você reuniu conhecimento suficiente para fazer escolhas melhores!
Ele desconecta cuidadosamente o protótipo da bancada e o entrega a você em uma maleta transparente, protegida por travas laterais.
— Leve este reator para sua escola. Ele é mais do que um equipamento. É uma prova de que a ciência pode responder a problemas reais quando combina criatividade, responsabilidade e colaboração.
<<linkreplace "Pegar a Folha Artificial">>
<div style="margin:22px 0; padding:24px; border-radius:14px; background:#eef8ee; border:2px solid #4b6f4b; color:#1f2f1f; line-height:1.7; box-shadow:0 4px 14px rgba(0,0,0,0.12);"> <div style="text-align:center; font-size:1.6em; font-weight:bold; color:#1f3b1f; margin-bottom:18px;"> Missão concluída </div>
Ao sair do CERSUSCHEM, você percebe que sua missão já não parece tão impossível quanto no início. As dificuldades da escola ainda existem, mas agora você carrega uma solução construída a partir de tudo o que aprendeu nos laboratórios.
De volta à escola, a diretoria, os professores e seus colegas se reúnem no laboratório de química. Sobre uma bancada, você posiciona a Folha Artificial sob a luz. O sistema começa a funcionar lentamente, demonstrando como é possível aproveitar energia luminosa, água e gás carbônico para reduzir desperdícios e tornar as atividades experimentais mais sustentáveis.
Nos dias seguintes, o projeto se torna o centro das discussões da escola. A feira de ciências é mantida, agora com um novo tema: <b>Soluções sustentáveis para problemas reais</b>. O laboratório deixa de ser visto apenas como um espaço caro e difícil de manter, e passa a ser reconhecido como um lugar de invenção, cuidado e futuro.
Você compreende, enfim, que a missão nunca foi apenas encontrar uma tecnologia pronta. Foi aprender a pensar como cientista: observar problemas, testar caminhos, fazer escolhas responsáveis e imaginar outras formas de transformar o mundo ao seu redor.
<p style="text-align:center; font-size:1.15em; font-weight:bold; margin-top:20px;">
A Folha Artificial não encerra a história da escola.
<br>
Ela inaugura uma nova.
</p>
</div>
[[Finalizar jornada->FIM]]
<</linkreplace>>